@charset "UTF-8";
/**폰트  -------------------------------------------------*/
@import url(animate.css);
@import url(jquery-ui.css);
@import url(slick.min.css);
@font-face {
  font-family: 'notokr';
  src: url("../font/notokr-light.eot");
  src: url("../font/notokr-light.eot?#iefix") format("embedded-opentype"), url("../font/notokr-light.woff2") format("woff2"), url("../font/notokr-light.woff") format("woff"), url("../font/notokr-light.ttf") format("truetype"), url("../font/notokr-light.svg#notokr-light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'notokr';
  src: url("../font/notokr-regular.eot");
  src: url("../font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("../font/notokr-regular.woff2") format("woff2"), url("../font/notokr-regular.woff") format("woff"), url("../font/notokr-regular.ttf") format("truetype"), url("../font/notokr-regular.svg#notokr-regular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'notokr';
  src: url("../font/notokr-medium.eot");
  src: url("../font/notokr-medium.eot?#iefix") format("embedded-opentype"), url("../font/notokr-medium.woff2") format("woff2"), url("../font/notokr-medium.woff") format("woff"), url("../font/notokr-medium.ttf") format("truetype"), url("../font/notokr-medium.svg#notokr-medium") format("svg");
  font-weight: 500;
  font-style: normal;
}


@font-face {
  font-family: 'BMEULJIRO_K';
  src: url('../font/BMEULJIROTTF.eot');
  src: url('../font/BMEULJIROTTF.eot?#iefix') format('embedded-opentype'),
       url('../font/BMEULJIROTTF.svg#BMEULJIROTTF') format('svg'),
       url('../font/BMEULJIROTTF.woff') format('woff'),
       url('../font/BMEULJIROTTF.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "notokr", sans-serif;
  font-size: 17px;
  letter-spacing: -1px;
}

.font_bmeuljiro { font-family:'BMEULJIRO_K', 'notokr' !important; }

/*em*/
/*반응형 폰트*/
/*img위 txt*/
/*slick arrow*/
/*클리어*/
/*before, after*/
@keyframes animatedgradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*아코디언 */
/*slick*/
/*버튼 arrow*/
/* //리셋  ---------------------------------------------------------------*/
html, body, div, span, input, select, textarea, button, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer {
  border: 0;
  margin: 0;
  padding: 0;
}

html, body, div, span, input, select, textarea, button, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, code, del, dfn, em, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer {
  border: 0;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, button, textarea, select {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
}

ul, ol, dl, dt, dd, li {
  list-style: none;
}

table, th, td {
  border-collapse: collapse;
  border-spacing: 0;
  font-weight: normal;
}

table {
  table-layout: fixed;
}

th, td {
  word-break: break-all;
}

fieldset, blockquote, iframe, button {
  border: none;
}

i, em, u, cite {
  font-style: normal;
}

a {
  color: #666;
  text-decoration: none;
  transition: background,color 0.3s ease;
}

a:hover, a:focus {
  text-decoration: none !important;
}

img, fieldset {
  border: 0;
  outline: none;
}

input, button {
  outline: none;
}

body {
  width: 100%;
  color: #666;
  font-weight: 400;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  word-break: keep-all;
}

/* 중국어 (간체) */
.lang_ch {
  font-family: sans-serif, sans-serif;
}

input {
  font: inherit;
  margin: 0;
  line-height: normal;
  -webkit-border-radius: 0;
  resize: none;
}

button {
  background: transparent;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

input[type="submit"], input[type="button"], input[type="reset"] {
  cursor: pointer;
  -webkit-appearance: none;
}

section, nav, article, aside, header, footer, main {
  display: contents;
}

input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="password"] {
  -webkit-appearance: none;
  border-radius: 0;
  padding-left: 10px;
}

input[placeholder] {
  font-family: inherit;
  font-size: 0.9em;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {
  color: #aaa;
  font-size: 0.9em;
}

::-ms-clear, ::-ms-reveal {
  display: none;
  font-size: 0.9em;
}

select, textarea, button {
  font: inherit;
  -webkit-appearance: none;
  border-radius: 0;
}

/*input[type="text"], input[type="password"], input[type="file"] {
  height: 40px;
  line-height: 40px;
  margin: 0;
  vertical-align: middle;
  border: solid 1px #ccc;
  background: #fff;
  -webkit-border-radius: 0;
  resize: none;
  box-sizing: border-box;
}*/

/*select {
  height: 40px;
  line-height: 40px;
  margin: 0;
  vertical-align: middle;
  border: solid 1px #ccc;
  background: #fff;
  -webkit-border-radius: 0;
  resize: none;
  text-indent: 5px;
  margin: 0;
  vertical-align: middle;
  font-size: 0.9em;
  border: solid 1px #ccc;
  background: white url(/templates/images/icon/sel_i.png) no-repeat 100% center;
  background-size: 20px auto;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 10px;
}*/

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

input[type="file"] {
  width: 100%;
  padding: 0;
  line-height: normal;
}

textarea {
  background: #fbfbfb;
  border: 1px solid #ebebeb;
  padding: 5px;
  width: 99%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-overflow: '';
  zoom: 1;
}

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  background: #fff;
  vertical-align: middle;
}

input[type="radio"] {
  width: 16px;
  height: 16px;
  border: solid 1px #ccc;
  background: none;
  border-radius: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

input[type="image"] {
  border: none;
  background: 0;
}

input[type="submit"] {
  width: auto;
  border: 1px solid #ccc;
  font-size: 1em;
  line-height: 1.5;
  color: #666;
}

option {
  border: solid 1px #ccc;
  margin: 0;
}

label {
  margin: 0;
  font-weight: normal;
  vertical-align: middle;
}

textarea {
  margin: 0;
  border: solid 1px #ccc;
}

button {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 100;
  transition: background ease 0.3s;
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
  #header {
    height: 60px;
  }
  #header .wrapper,
  #header .gnb_wrap {
    height: 100%;
  }
  #header:after {
    top: 60px !important;
  }
}

/*20.11.20 배진만*/
.wrapper_wide { width:100%;}
.story_1 { width:100%; height:1010px; background:url('../images/sub/story_img_01_bg.jpg')no-repeat 50%; overflow:hidden; position:relative; }
.story_1_1 { width:819px; height:721px; margin:182px auto 0;}
.story_1_1 img.mobile { display:none; }
.story_1_1 img { display:block; } /*삭제해도됨*/
.story_1 .logo_black { width:221px; position:absolute; right:133px; top:124px; } /*height:159px;*/

.story_2 { width:100%; /*height:1064px;*/ background:#a85300; position:relative;  } /*margin-bottom:100px;*/
.story_2 h2 { width:475px; height:135px; position:absolute; top:-68px; left:50%; margin-left:-237px; }



@media screen and (max-width:1200px) {
	.logo_black { display:none; } /*width:135px; height:80px; right:33px; top:24px;*/

}

@media screen and (max-width:1000px) {
	.story_1_1 { width:80%; margin:182px auto 0;}
}

@media screen and (max-width:800px) {
	.story_1 { height: 800px;  }
	.story_2 h2 { width: 350px; height:auto; top: -51px; margin-left: -170px; }
}

@media screen and (max-width:600px) {
	.story_1_1 { width:85%; margin:100px auto 0; }
	.story_1_1 img.mobile { display:block; }
	.story_1_1 img { display:none; } 
	.story_1 { height: 600px;  }
	.story_1 { background:url('../images/sub/story_img_01_bg_m.jpg')no-repeat 50%; }
}


#header.on {
  background: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
}

#header.on .gnb_wrap .logo_bx a { background-image: url(/templates/images/main/top_logo_black.svg);}

@media screen and (max-width: 1024px) {
  #header.on .gnb_wrap .logo_bx a {
    background-image: url(/templates/images/main/m_logo_on.png);
  }
}

#header.on .gnb_wrap .gnb_box .depth01 > a {
  color: #000;
}

.gnb_wrap {
  zoom: 1;
  transition: padding-top, padding-bottom 0.35s ease-in-out;
}

.gnb_wrap:before {
  content: '';
  display: block;
}

.gnb_wrap:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (max-width: 1024px) {
  .gnb_wrap {
    padding: 0;
  }
}

.gnb_wrap .logo_bx {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.gnb_wrap .logo_bx a {
  background-image: url(/templates/images/main/top_logo_white.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 142px;
  height: 68px;
  display: inline-block;
}

@media screen and (max-width: 1920px) {
  .gnb_wrap .logo_bx {
    left: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .gnb_wrap .logo_bx {
    left: 15px;
  }
  .gnb_wrap .logo_bx a {
    width: 26px;
    height: 26px;
    background-image: url(/templates/images/main/m_logo.png);
    background-size: 26px auto;
  }
}

.gnb_wrap .gnb_box {
  text-align: center;
  position: relative;
  float: right;
}

.gnb_wrap .gnb_box .wrapper {
  padding: 0;
}

.gnb_wrap .gnb_box .depth01 { float: left; width: 160px; position: relative; box-sizing: border-box; padding: 0 20px; }

.gnb_wrap .gnb_box .depth01 > a { color: #fff; display: block; font-size: 24px; font-weight: 500; height: 80px; line-height: 80px; text-align: center; box-sizing: border-box; position: relative; padding: 0 5px; font-family: "BMEULJIRO_k", "notokr"; }

.gnb_wrap .gnb_box .depth01 > a:hover, .gnb_wrap .gnb_box .depth01 > a.on { color: #ffe500; }

.gnb_wrap .gnb_box .depth01 .depth02 { left: 0; position: absolute; top: 80px; width: 100%; z-index: 100; box-sizing: border-box; text-align: center; overflow: hidden;
	background: #e50314; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0); transition: cubic-bezier(0.2, 0.05, 0.05, 1) 0.3s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";filter: alpha(opacity=0); opacity: 0; visibility: hidden;
}

.gnb_wrap .gnb_box .depth01 .depth02.hover {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.gnb_wrap .gnb_box .depth01 .depth02 ul {
  padding: 20px 10px;
}

.gnb_wrap .gnb_box .depth01 .depth02 ul li {
  margin: 10px 0;
}

.gnb_wrap .gnb_box .depth01 .depth02 li a {
  display: block;
  font-size: 20px;
  font-weight: normal;
  position: relative;
  font-weight: 500;
  color: #fff;
  font-family: "BMEULJIRO_k", "notokr";
  text-align: center;
}

.gnb_wrap .gnb_box .depth01 .depth02 li a:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 1024px) {
  .gnb_wrap .gnb_box {
    margin-left: 10%;
    margin-right: 10%;
    float: none;
  }
  .gnb_wrap .gnb_box .wrapper {
    min-width: auto;
  }
  .gnb_wrap .gnb_box .depth {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-justify-content: space-between !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .gnb_wrap .gnb_box .depth01 {
    width: auto;
    padding: 0;
    float: none;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .gnb_wrap .gnb_box .depth01 .depth02_box {
    display: none !important;
  }
  .gnb_wrap .gnb_box .depth01 > a {
    height: 60px;
    padding: 0 2px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
        justify-content: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) and (max-width: 350px) {
  .gnb_wrap .gnb_box .depth01 > a {
    font-size: 12px;
  }
}

@media screen and (max-width: 1024px) {
  .gnb_wrap .right_menu {
    display: none;
  }
}

#main .gnb_wrap .depth01 > a.active, #main .gnb_wrap .depth01 > a:hover {
  color: #fff;
}

.nav_bg_pc {
  position: absolute;
  width: 100%;
  top: 60px;
  background: #fff;
  box-sizing: border-box;
  height: 0;
  z-index: 1;
  transition: 0.3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.nav_bg_pc.on {
  height: 50px;
}

@media screen and (max-width: 1024px) {
  .nav_bg_pc {
    display: none;
  }
}

.nav_btn_box {
  display: none;
  position: absolute;
  top: 12px;
  right: 15px;
}

.nav_btn_box a {
  width: 30px;
  height: 30px;
}

.nav_btn_box a span {
  display: block;
  width: 25px;
  height: 2px;
  margin: 7px 0;
  background: #e61e25;
  position: relative;
  transition: ease-out 0.2s;
}

.nav_btn_box a span:nth-child(2) {
  width: 20px;
}

.nav_btn_box a.on span:first-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 7px;
}

.nav_btn_box a.on span:nth-child(2) {
  width: 0;
}

.nav_btn_box a.on span:nth-child(3) {
  top: -11px;
  -webkit-transform: rotate(138deg);
      -ms-transform: rotate(138deg);
          transform: rotate(138deg);
}

@media screen and (max-width: 1024px) {
  .nav_btn_box {
    display: block;
  }
}

.nav_bg {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  height: 100%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

.gnb_mobile {
  background: #ffffff;
  display: none;
  right: -100%;
  overflow-y: auto;
  position: fixed;
  top: 60px;
  width: 270px;
  height: 100vh;
  z-index: 99999999;
  transition: 0.5s;
}

.gnb_mobile.on {
  right: 0;
  transition: 0.5s;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
}

.gnb_mobile .top_area {
  height: 52px;
  box-sizing: border-box;
  padding: 15px 20px;
}

.gnb_mobile .phone_bx {
  padding: 0 0 0 28px;
}

.gnb_mobile .phone_bx a {
  display: block;
  height: 50px;
  line-height: 50px;
  background: url(/templates/images/icon/phone_i.png) no-repeat 0 center;
  display: block;
  background-size: 25px auto;
  padding-left: 30px;
  color: #1e73bb;
  font-weight: bold;
  font-size: 24px;
}

.gnb_mobile .inner_logo {
  width: 120px;
  float: left;
}

.gnb_mobile .nav_close {
  background: url(/templates/images/nav/nav_btn_off.png) no-repeat 0 0;
  display: block;
  background-size: 24px auto;
  width: 24px;
  height: 24px;
  float: right;
  margin-top: 0;
}

.gnb_mobile .depth .depth01:first-child > a {
  border-top: 1px solid #dadada;
}

.gnb_mobile .depth .depth01 .depth02 {
  background: #fafafa;
  padding: 10px 0;
  border-bottom: 1px solid #dadada;
}

.gnb_mobile .depth .depth01 .depth02 li a {
  display: block;
  padding: 5px 20px;
  font-size: 15px;
}
.gnb_mobile .depth .depth01 .depth02 li a.cur_menu_chk {
  color:#3b7aef;
}
.gnb_mobile .depth .depth01 > a {
  border-bottom: 1px solid #dadada;
  color: #222;
  display: block;
  padding: 12px 0 12px 15px;
  position: relative;
}

.gnb_mobile .depth .depth01 > a:before {
  content: "\e943";
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  font-size: 20px;
}

.gnb_mobile .depth .depth01 > a.selected1 {
  background: #e61e25;
  color: #fff;
}

.gnb_mobile .depth .depth01 > a.selected1:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.gnb_mobile .depth .depth01 > a.no {
  background-image: none;
  background-size: 18px auto;
}

@media screen and (max-width: 1024px) {
  .gnb_mobile {
    display: block;
  }
}

.gnb_mobile .lang_m_bx {
  padding: 10px 0;
  text-align: center;
}

.gnb_mobile .lang_m_bx a {
  display: inline-block;
  font-weight: bold;
  color: #aaa;
  position: relative;
  padding: 0 15px;
}

.gnb_mobile .lang_m_bx a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ddd;
}

.gnb_mobile .lang_m_bx a:first-child:before {
  display: none;
}

.gnb_mobile .lang_m_bx a.on {
  color: #2256a8;
}

.gnb_mobile .login_m_bx {
  margin-bottom: 10px;
}

.gnb_mobile .login_m_bx li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 10px;
}

.gnb_mobile .login_m_bx li a {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #2256a8;
  font-weight: 400;
  text-align: center;
  border: 1px solid #2256a8;
}

.gnb_mobile .login_m_bx li.logout_li {
  width: 100%;
}

/* // 그리드   ---------------------------------------------------------------*/
/*grid*/
.row,
[class*="row_"] {
  zoom: 1;
}

.row:before, .row:after,
[class*="row_"]:before,
[class*="row_"]:after {
  content: '';
  display: table;
}

.row:after,
[class*="row_"]:after {
  clear: both;
}

.row [class*='col-'],
[class*="row_"] [class*='col-'] {
  box-sizing: border-box;
  position: relative;
  min-height: 1px;
  float: left;
}

.row_flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

@media screen and (max-width: 1024px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media screen and (max-width: 768px) {
  .row {
    margin-right: -5px;
    margin-left: -5px;
  }
}

.row [class*='col-'] {
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (max-width: 1024px) {
  .row [class*='col-'] {
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .row [class*='col-'] {
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media screen and (max-width: 1024px) {
  .m_mb_10 {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .m_mb_20 {
    margin-bottom: 20px;
  }
}

.row_0 {
  margin-right: 0px;
  margin-left: 0px;
}

.row_0 [class*="col-"] {
  padding-right: 0px;
  padding-left: 0px;
}

.row_2 {
  margin-right: -2px;
  margin-left: -2px;
}

.row_2 [class*="col-"] {
  padding-right: 2px;
  padding-left: 2px;
}

.row_5 {
  margin-right: -5px;
  margin-left: -5px;
}

.row_5 [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.row_10 {
  margin-right: -10px;
  margin-left: -10px;
}

.row_10 [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.row_35 {
  margin-right: -35px;
  margin-left: -35px;
}

.row_35 [class*="col-"] {
  padding-right: 35px;
  padding-left: 35px;
}

@media screen and (max-width: 1024px) {
  .row_lg_20 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .row_lg_20 [class*="col-"] {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .row_m_0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .row_m_0 [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
  }
  .row_m_2 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .row_m_2 [class*="col-"] {
    padding-right: 2px;
    padding-left: 2px;
  }
  .row_m_5 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .row_m_5 [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
  .row_m_10 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .row_m_10 [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.col-lg-0 {
  display: none;
}

.col-lg-05 {
  width: 4.16667%;
}

.col-lg-1 {
  width: 8.33333%;
}

.col-lg-15 {
  width: 12.5%;
}

.col-lg-2 {
  width: 16.66667%;
}

.col-lg-25 {
  width: 20.83333%;
}

.col-lg-225 {
  width: 20%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-35 {
  width: 29.16667%;
}

.col-lg-4 {
  width: 33.33333%;
}

.col-lg-45 {
  width: 37.5%;
}

.col-lg-5 {
  width: 41.66667%;
}

.col-lg-55 {
  width: 45.83333%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-65 {
  width: 54.16667%;
}

.col-lg-7 {
  width: 58.33333%;
}

.col-lg-75 {
  width: 62.5%;
}

.col-lg-8 {
  width: 66.66667%;
}

.col-lg-85 {
  width: 70.83333%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-95 {
  width: 79.16667%;
}

.col-lg-10 {
  width: 83.33333%;
}

.col-lg-105 {
  width: 87.5%;
}

.col-lg-11 {
  width: 91.66667%;
}

.col-lg-115 {
  width: 95.83333%;
}

.col-lg-12 {
  width: 100%;
}

@media screen and (max-width: 1320px) {
  .col-lag-0 {
    display: none;
  }
  .col-lag-05 {
    width: 4.16667%;
  }
  .col-lag-1 {
    width: 8.33333%;
  }
  .col-lag-15 {
    width: 12.5%;
  }
  .col-lag-2 {
    width: 16.66667%;
  }
  .col-lag-25 {
    width: 20.83333%;
  }
  .col-lag-225 {
    width: 20%;
  }
  .col-lag-3 {
    width: 25%;
  }
  .col-lag-35 {
    width: 29.16667%;
  }
  .col-lag-4 {
    width: 33.33333%;
  }
  .col-lag-45 {
    width: 37.5%;
  }
  .col-lag-5 {
    width: 41.66667%;
  }
  .col-lag-55 {
    width: 45.83333%;
  }
  .col-lag-6 {
    width: 50%;
  }
  .col-lag-65 {
    width: 54.16667%;
  }
  .col-lag-7 {
    width: 58.33333%;
  }
  .col-lag-75 {
    width: 62.5%;
  }
  .col-lag-8 {
    width: 66.66667%;
  }
  .col-lag-85 {
    width: 70.83333%;
  }
  .col-lag-9 {
    width: 75%;
  }
  .col-lag-95 {
    width: 79.16667%;
  }
  .col-lag-10 {
    width: 83.33333%;
  }
  .col-lag-105 {
    width: 87.5%;
  }
  .col-lag-11 {
    width: 91.66667%;
  }
  .col-lag-115 {
    width: 95.83333%;
  }
  .col-lag-12 {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .col-sm-0 {
    display: none;
  }
  .col-sm-05 {
    width: 4.16667%;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-15 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-25 {
    width: 20.83333%;
  }
  .col-sm-225 {
    width: 20%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-35 {
    width: 29.16667%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-45 {
    width: 37.5%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-55 {
    width: 45.83333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-65 {
    width: 54.16667%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-75 {
    width: 62.5%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-85 {
    width: 70.83333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-95 {
    width: 79.16667%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-105 {
    width: 87.5%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-115 {
    width: 95.83333%;
  }
  .col-sm-12 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .col-sm-0 {
    display: none;
  }
  .col-sm-05 {
    width: 4.16667%;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-15 {
    width: 12.5%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-25 {
    width: 20.83333%;
  }
  .col-sm-225 {
    width: 20%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-35 {
    width: 29.16667%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-45 {
    width: 37.5%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-55 {
    width: 45.83333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-65 {
    width: 54.16667%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-75 {
    width: 62.5%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-85 {
    width: 70.83333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-95 {
    width: 79.16667%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-105 {
    width: 87.5%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-115 {
    width: 95.83333%;
  }
  .col-sm-12 {
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .col-xs-0 {
    display: none;
  }
  .col-xs-05 {
    width: 4.16667%;
  }
  .col-xs-1 {
    width: 8.33333%;
  }
  .col-xs-15 {
    width: 12.5%;
  }
  .col-xs-2 {
    width: 16.66667%;
  }
  .col-xs-25 {
    width: 20.83333%;
  }
  .col-xs-225 {
    width: 20%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-35 {
    width: 29.16667%;
  }
  .col-xs-4 {
    width: 33.33333%;
  }
  .col-xs-45 {
    width: 37.5%;
  }
  .col-xs-5 {
    width: 41.66667%;
  }
  .col-xs-55 {
    width: 45.83333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-65 {
    width: 54.16667%;
  }
  .col-xs-7 {
    width: 58.33333%;
  }
  .col-xs-75 {
    width: 62.5%;
  }
  .col-xs-8 {
    width: 66.66667%;
  }
  .col-xs-85 {
    width: 70.83333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-95 {
    width: 79.16667%;
  }
  .col-xs-10 {
    width: 83.33333%;
  }
  .col-xs-105 {
    width: 87.5%;
  }
  .col-xs-11 {
    width: 91.66667%;
  }
  .col-xs-115 {
    width: 95.83333%;
  }
  .col-xs-12 {
    width: 100%;
  }
}

/* //레이아웃  ---------------------------------------------------------------*/
.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.gray_01 {
  color: #333;
}

.gray_02 {
  color: #666;
}

.gray_03 {
  color: #777;
}

.gray_04 {
  color: #888;
}

.gray_05 {
  color: #999;
}

.black_01 {
  color: #000;
}

.red_01 {
  color: #da2128;
}

.red_02 {
  color: #fc4732;
}

.orange {
  color: #f07d00;
}

.blue {
  color: #00aeef;
}

.blue_02 {
  color: #005ea1;
}

.brown_01 {
  color: #cc6600;
}

.white_01 {
  color: #fff;
}

.font_08 {
  font-size: 0.571428em !important;
}

.font_11 {
  font-size: 0.785714em !important;
}

.font_12 {
  font-size: 0.857142em !important;
}

.font_13 {
  font-size: 0.928571em !important;
}

.font_14 {
  font-size: 1em !important;
}

.font_16 {
  font-size: 1.142857em !important;
}

.font_17 {
  font-size: 1.214285em !important;
}

.font_18 {
  font-size: 1.285714em !important;
}

.font_20 {
  font-size: 1.428571em !important;
}

.font_22 {
  font-size: 1.571428em !important;
}

.font_24 {
  font-size: 1.714285em !important;
}

.font_26 {
  font-size: 1.857142em !important;
}

.font_28 {
  font-size: 2em !important;
}

.font_30 {
  font-size: 2.1428571em !important;
}

.bold {
  font-weight: bold;
}

.bold_5 {
  font-weight: 500;
}

.normal {
  font-weight: normal;
}

.letter_01 {
  letter-spacing: -1px;
}

.letter_02 {
  letter-spacing: -2px;
}

.mt_05 {
  margin-top: 05px !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mt_09 {
  margin-top: 9px !important;
}

.mt_15 {
  margin-top: 15px !important;
}

.mt_20 {
  margin-top: 20px !important;
}

.mt_30 {
  margin-top: 30px !important;
}

.mt_40 {
  margin-top: 40px !important;
}

.mt_50 {
  margin-top: 50px !important;
}

.mt_60 {
  margin-top: 60px !important;
}

.mt_70 {
  margin-top: 70px !important;
}

.mt_80 {
  margin-top: 80px !important;
}

.mt_90 {
  margin-top: 90px !important;
}

.mt_100 {
  margin-top: 100px !important;
}

.mt_120 {
  margin-top: 120px !important;
}

.mt_350 {
  margin-top: 350px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.ml_05 {
  margin-left: 5px !important;
}

.ml_10 {
  margin-left: 10px !important;
}

.ml_15 {
  margin-left: 15px !important;
}

.ml_20 {
  margin-left: 20px !important;
}

.ml_30 {
  margin-left: 30px !important;
}

.ml_35 {
  margin-left: 35px !important;
}

.ml_40 {
  margin-left: 40px !important;
}

.ml_50 {
  margin-left: 50px !important;
}

.ml_70 {
  margin-left: 70px !important;
}

.ml_100 {
  margin-left: 100px !important;
}

.mr_05 {
  margin-right: 5px !important;
}

.mr_10 {
  margin-right: 10px !important;
}

.mr_15 {
  margin-right: 15px !important;
}

.mr_20 {
  margin-right: 20px !important;
}

.mr_30 {
  margin-right: 30px !important;
}

.mr_35 {
  margin-right: 35px !important;
}

.mr_40 {
  margin-right: 40px !important;
}

.mr_50 {
  margin-right: 50px !important;
}

.mr_70 {
  margin-right: 70px !important;
}

.mr_100 {
  margin-right: 100px !important;
}

.pt_05 {
  padding-top: 05px !important;
}

.pt_10 {
  padding-top: 10px !important;
}

.pt_09 {
  padding-top: 9px !important;
}

.pt_15 {
  padding-top: 15px !important;
}

.pt_20 {
  padding-top: 20px !important;
}

.pt_30 {
  padding-top: 30px !important;
}

.pt_40 {
  padding-top: 40px !important;
}

.bt_no,
.bb_no {
  border-top: none !important;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  position: absolute;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  background: none;
}

.line_10 {
  line-height: 1;
}

.line_12 {
  line-height: 1.2;
}

.line_14 {
  line-height: 1.4;
}

.line_15 {
  line-height: 1.5;
}

.letter_20 {
  letter-spacing: -2px;
}

.letter_40 {
  letter-spacing: -4px;
}

.letter_07 {
  letter-spacing: -0.7px;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text_center {
  text-align: center !important;
}

.text_left {
  text-align: left !important;
}

.text_right {
  text-align: right !important;
}

.text_line {
  text-decoration: underline;
}

.star {
  color: #da0016;
  vertical-align: middle;
}

.ver_middle {
  vertical-align: middle;
}

.ver_top {
  vertical-align: top;
}

.w_360 {
  width: 360px;
}

.w_400 {
  width: 400px;
}

.posi_r {
  position: relative;
}

.dis_inline {
  display: inline;
}

.dis_block {
  display: block !important;
}

.dis_inblock {
  display: inline-block;
}

.dis_tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.dis_cel {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}

.img_100 img {
  width: 100%;
}

.img_max img {
  max-width: 100%;
}

.bollet li {
  position: relative;
  padding-left: 10px;
  line-height: 1.8;
}

.bollet li:before {
  content: '·';
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
}

.bollet_02 > li {
  position: relative;
  padding-left: 10px;
  line-height: 1.8;
}

.bollet_02 > li:before {
  content: '';
  width: 5px;
  border-bottom: 1px solid #666;
  position: absolute;
  left: 0;
  top: 13px;
}

.number_list > li {
  position: relative;
  padding-left: 18px;
  line-height: 1.8;
}

.number_list > li:before {
  content: attr(data-title);
  position: absolute;
  top: 8px;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #aaa;
  border-radius: 13px;
  text-align: center;
  line-height: 13px;
  font-size: 12px;
}

@media screen and (max-width: 1024px) {
  .number_list > li:before {
    top: 6px;
  }
}

.bollet_txt {
  position: relative;
  padding-left: 10px;
  line-height: 1.7;
}

.bollet_txt:before {
  content: '·';
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
  font-weight: bold;
}

.bar_list:after {
  content: '';
  clear: both;
  visibility: hidden;
  display: table;
}

.bar_list li {
  float: left;
}

.bar_list li a {
  display: inline-block;
  padding: 0 10px;
  border-left: 1px solid #fff;
  line-height: 12px;
  height: 12px;
}

.bar_list li:first-child a {
  padding-left: 0;
  border-left: 0;
}

.bar_list li:last-child a {
  padding-right: 0;
}

/* 위치 */
.linemap_box > ul > li {
  float: left;
  padding: 10px 0 10px 30px;
  background: url(/templates/images/sub/linemap_gt.png) no-repeat 10px center;
}

.linemap_box > ul > li:first-child {
  padding-left: 0;
  background: none;
}

.linemap_box > ul > li:first-child a {
  background: url(/templates/images/sub/home.png) no-repeat 0 3px;
  padding: 10px 0 10px 20px;
  display: block;
  font-size: 0;
  text-indent: -1000000000000000000px;
}

.linemap_box > ul > li > a {
  display: block;
  font-size: 13px;
  color: #666;
}

.linemap_box > ul > li span {
  padding: 0 10px;
}

.linemap_box > ul > li .sub_menu_box > a {
  display: block;
  background: url(/templates/images/sub/nav_icon.png) no-repeat right center;
  padding: 15px 35px 15px 25px;
}

.linemap_box > ul > li .sub_menu_box > a.active {
  background: url(/templates/images/sub/nav_icon_hover.png) no-repeat right center;
  color: #000;
}

.linemap_box > ul > li .sub_nav_list {
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  border: 1px solid #333;
}

.linemap_box > ul > li .sub_nav_list li {
  width: 170px;
  border-bottom: 1px solid #ccc;
}

.linemap_box > ul > li .sub_nav_list li a {
  display: block;
  padding: 8px 5px;
  background: #fff;
}

.linemap_box > ul > li .sub_nav_list li a:last-child {
  border-bottom: none;
}

.linemap_box > ul > li .sub_nav_list li a:hover, .linemap_box > ul > li .sub_nav_list li a:focus {
  background: #f6f6f6;
  color: #465866;
}

/*스크롤 */
.col_scroll {
  height: 100%;
  overflow-x: hidden;
  padding: 0 0 20px 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 980px) {
  .row_scroll {
    width: 100%;
    padding: 0 0 8px 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .row_scroll table {
    width: 100%;
    min-width: 800px;
  }
}

.col_scroll::-webkit-scrollbar-track,
.row_scroll::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.col_scroll::-webkit-scrollbar,
.row_scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #fff;
}

.col_scroll::-webkit-scrollbar-thumb,
.row_scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

/*for 값없는  체크박스 공통 */
.nofor_chk {
  display: inline-block;
  padding-left: 25px;
  min-height: 30px;
  cursor: pointer;
  background: url(/templates/images/icon/check_off.png) no-repeat 0 center;
}

.nofor_chk input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.nofor_chk.on {
  background: url(/templates/images/icon/check_on.png) no-repeat 0 center;
}

.custom_radio {
  display: inline-block;
  padding-left: 25px;
  cursor: pointer;
  background: url(/templates/images/icon/radio_off.png) no-repeat 0 center;
}

.custom_radio input[type=radio] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}

.custom_radio.on {
  background: url(/templates/images/icon/radio_on.png) no-repeat 0 center;
}

/*테이블 안에 체크박스 */
.youtubeWrap {
  position: relative;
  width: 100% !important;
  padding-bottom: 56.25% !important;
}

.youtubeWrap.on {
  position: relative;
  width: 100% !important;
  padding-bottom: 56.25% !important;
}

.youtubeWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/*텍스트 */
.m_br_show {
  display: none;
}

@media screen and (max-width: 1024px) {
  .m_br_show {
    display: block;
  }
}

@media screen and (max-width: 1024px) {
  .m_none {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .m_br_none,
  .m_br_no {
    display: none;
  }
}

/*시작 팝업  드레그*/
.modal.start_pop {
  position: absolute;
  top: 110px;
  left: 10px;
  width: auto;
  height: auto;
  right: auto;
  bottom: auto;
  cursor: move;
}

.modal.start_pop .modal-header {
  padding-bottom: 0;
  padding-top: 10px;
}

.modal.start_pop .modal_standard {
  position: relative;
  display: block;
  width: auto;
  height: auto;
}

@media screen and (max-width: 1024px) {
  .modal.start_pop {
    position: fixed;
    top: 0 !important;
    right: 0 !important;
    bottom: 0;
    left: 0 !important;
    width: 100%;
  }
  .modal.start_pop .modal_standard {
    position: fixed;
    left: 0;
    top: 70px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
  }
  .modal.start_pop .modal-body {
    max-height: 300px;
    overflow-y: auto;
  }
}

/*준비중*/
.preparing_bx {
  text-align: center;
}

.preparing_bx i {
  font-size: 160px;
  color: #999;
}

.preparing_bx .txt {
  font-size: 30px;
  font-weight: 500;
  margin-top: 30px;
}

/*공통텝*/
ul.com_tab {
  text-align: center;
  margin-bottom: 30px;
  zoom: 1;
}

ul.com_tab:before {
  content: '';
  display: block;
}

ul.com_tab:after {
  content: '';
  display: table;
  clear: both;
}

ul.com_tab.menu_05 li {
  width: 20%;
}

ul.com_tab.menu_06 li {
  width: 16.666%;
}

@media screen and (max-width: 1024px) {
  ul.com_tab.menu_06 li {
    width: 33.333%;
  }
}

ul.com_tab.menu_04 li {
  width: 25%;
}

ul.com_tab.menu_02 li {
  width: 50%;
}

ul.com_tab.menu_03 li {
  width: 33.33333%;
}

ul.com_tab li {
  float: left;
}

ul.com_tab li a {
  display: block;
  position: relative;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: -1px;
  margin-top: -1px;
}

ul.com_tab li a.on, ul.com_tab li a:hover {
  color: #fff;
  border-color: #e61e25;
  background: #e61e25;
  background: linear-gradient(left, #2e2929, #e61e25);
  background: -moz-linear-gradient(left, #2e2929, #e61e25);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2e2929, endColorstr=#e61e25);
}

@media screen and (max-width: 1024px) {
  margin-bottom: 20px;
  li a {
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    letter-spacing: -0.8px;
    box-sizing: border-box;
  }
}

/* 사이드바 */
.sidebar {
  float: left;
  top: 50px;
  width: 25%;
  left: 0;
  box-sizing: border-box;
  padding-right: 40px;
}

.sidebar .col_scroll {
  max-height: 90%;
}

@media screen and (max-width: 1024px) {
  .sidebar {
    display: none;
  }
}

.sidebar .sidebar-top {
  border-bottom: 0;
}

.sidebar .sidebar-top h2 a {
  display: block;
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 210px center;
  background-color: #364150;
  border-bottom: 1px solid #3d4957;
}

.sidebar .sidebar-top h2 a span {
  vertical-align: middle;
}

.sidebar .sidebar-top ul li {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

.sidebar .sidebar-top ul li:first-child {
  border-top: none;
  background-image: none;
  border-top: 0;
}

.sidebar .sidebar-top ul li a {
  position: relative;
  display: block;
  color: #222;
  text-decoration: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 90% center;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
}

.sidebar .sidebar-top ul li a i {
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  margin-top: -10px;
}

.sidebar .sidebar-top ul li a.on, .sidebar .sidebar-top ul li a.click {
  background: linear-gradient(left, #2e2929, #e61e25);
  background: -moz-linear-gradient(left, #2e2929, #e61e25);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#2e2929, endColorstr=#e61e25);
  color: #fff;
}

.sidebar .sidebar-top ul li a.on i:before, .sidebar .sidebar-top ul li a.click i:before {
  content: "\e9c1";
}

.sidebar .sidebar-top ul li ul {
  border-bottom: 0 none;
  display: none;
}

.sidebar .sidebar-top ul li ul:first-child li {
  border-top: 0 none;
}

.sidebar .sidebar-top ul li ul li a {
  color: #666;
  font-size: 14px;
  background: none;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
  font-weight: normal;
  text-indent: 20px;
  position: relative;
  padding-left: 10px;
}

.sidebar .sidebar-top ul li ul li a:before {
  content: '·';
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
}

.sidebar .sidebar-top ul li ul li a.on, .sidebar .sidebar-top ul li ul li a:hover {
  background-image: none;
  color: #e61e25;
}

.sidebar .sidebar-top ul li ul.lnb_depth03 li a {
  text-indent: 24px;
  font-size: 0.9em;
  color: #848fa0;
}

.sidebar .sidebar-top ul li ul.lnb_depth03 li a.active, .sidebar .sidebar-top ul li ul.lnb_depth03 li a:hover {
  background-color: #364150 !important;
  color: #fff;
}

/*제품*/
.prd_view_top {
  margin-bottom: 50px;
  zoom: 1;
}

.prd_view_top:before {
  content: '';
  display: block;
}

.prd_view_top:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (max-width: 1024px) {
  .prd_view_top {
    margin-bottom: 0;
  }
}

.prd_view_top .left_bx {
  float: left;
  width: 47%;
  max-width: 415px;
  /*제품상세 슬라이더*/
}

@media screen and (max-width: 1024px) {
  .prd_view_top .left_bx {
    margin-bottom: 20px;
    width: 100%;
    float: none;
  }
}

.prd_view_top .left_bx .img_bx {
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.prd_view_top .left_bx .img_bx .img_src {
  padding-top: 75.90361%;
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

.prd_view_top .left_bx .view_slider_nav {
  text-align: center;
  margin-top: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 35px;
}

.prd_view_top .left_bx .view_slider_nav img {
  margin: 0 auto;
}

.prd_view_top .left_bx .view_slider_nav li {
  padding: 0 3px;
  box-sizing: border-box;
}

.prd_view_top .left_bx .view_slider_nav .custom_prev, .prd_view_top .left_bx .view_slider_nav .custom_next {
  position: absolute;
  top: 50%;
  font-size: 20px;
}

.prd_view_top .left_bx .view_slider_nav .custom_prev {
  left: 0;
  z-index: 1;
  margin-top: -12px;
}

.prd_view_top .left_bx .view_slider_nav .custom_next {
  right: 0;
  margin-top: -12px;
}

.prd_view_top .right_bx {
  float: right;
  width: 49%;
}

@media screen and (max-width: 1024px) {
  .prd_view_top .right_bx {
    width: 100%;
    float: none;
  }
}

.prd_view_top .right_bx .txt_bx {
  padding: 30px 0;
}

@media screen and (max-width: 1024px) {
  .prd_view_top .right_bx .txt_bx {
    padding-top: 0;
  }
}

.prd_view_top .right_bx .txt_bx .tit {
  color: #e61e25;
  margin-bottom: 30px;
  font-size: 30px;
}

@media screen and (max-width: 1024px) {
  .prd_view_top .right_bx .txt_bx .tit {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

.prd_view_top .right_bx .txt_bx .dse {
  font-size: 1.2em;
}

.prd_view_top .right_bx .des_list li,
.prd_view_top .right_bx .des_list dl {
  overflow: hidden;
  zoom: 1;
}

.prd_view_top .right_bx .des_list li:before,
.prd_view_top .right_bx .des_list dl:before {
  content: '';
  display: block;
}

.prd_view_top .right_bx .des_list li:after,
.prd_view_top .right_bx .des_list dl:after {
  content: '';
  display: table;
  clear: both;
}

.prd_view_top .right_bx .des_list li > .dt,
.prd_view_top .right_bx .des_list li dt,
.prd_view_top .right_bx .des_list dl > .dt,
.prd_view_top .right_bx .des_list dl dt {
  float: left;
}

.prd_view_top .right_bx .des_list li dd,
.prd_view_top .right_bx .des_list dl dd {
  overflow: hidden;
}

.prd_view_top .right_bx .des_list li > *,
.prd_view_top .right_bx .des_list dl > * {
  display: block;
  overflow: hidden;
}

.prd_view_top .right_bx .des_list li {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-size: 1.05882em;
}

.prd_view_top .right_bx .des_list li:first-child {
  border-top: 1px solid #ddd;
}

.prd_view_top .right_bx .des_list li .dt {
  font-weight: 500;
  color: #222;
  width: 100px;
}

.prd_view_bot {
  border: 1px solid #ddd;
  margin-bottom: 70px;
  padding: 40px;
}

@media screen and (max-width: 1024px) {
  .prd_view_bot {
    margin-bottom: 30px;
    padding: 20px;
  }
}

.prd_view_bot .tit {
  font-size: 1.2em;
  font-weight: 500;
  color: #222;
  margin-bottom: 15px;
}

.prd_view_btn {
  text-align: right;
}

.prd_view_btn a {
  width: 200px;
  height: 60px;
  line-height: 60px;
  background: #e61e25;
  position: relative;
  color: #fff;
  text-align: left;
  padding-left: 5%;
  box-sizing: border-box;
  display: inline-block;
}

.prd_view_btn a:hover {
  background: rgba(239, 59, 123, 0.8);
}

.prd_view_btn a i {
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -12px;
  font-size: 1.2em;
}

@media screen and (max-width: 1024px) {
  .prd_view_btn a {
    height: 40px;
    line-height: 40px;
    width: 150px;
  }
}

.prd_right_bx {
  width: 74%;
  float: right;
}

@media screen and (max-width: 1024px) {
  .prd_right_bx {
    width: 100%;
  }
}

.prd_select_wrap.m_var {
  display: none;
  margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
  .prd_select_wrap.m_var {
    display: block;
  }
}

/*특허*/
.patent_list li {
  text-align: center;
  margin: 0 0 40px;
}

.patent_list li p {
  margin-top: 15px;
  color: #222;
  font-weight: bold;
  font-size: 1.2em;
}

/* // 메뉴   ---------------------------------------------------------------*/
.sub_menu_type_b {
  margin-bottom: 50px;
  position: relative;
}

.sub_menu_type_b .btn_menu_txt {
  display: none;
  border: 1px solid #ddd;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  position: relative;
}

.sub_menu_type_b .btn_menu_txt i {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  color: #222;
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_b .btn_menu_txt {
    display: block;
  }
}

.sub_menu_type_b .sub_menu_list {
  text-align: center;
}

.sub_menu_type_b .sub_menu_list.menu_02 li {
  width: 50%;
}

.sub_menu_type_b .sub_menu_list.menu_03 li {
  width: 33.33333%;
}

.sub_menu_type_b .sub_menu_list.menu_04 li {
  width: 25%;
}

.sub_menu_type_b .sub_menu_list.menu_05 li {
  width: 20%;
}

.sub_menu_type_b .sub_menu_list.menu_06 li {
  width: 16.66%;
}

.sub_menu_type_b .sub_menu_list li {
  float: left;
}

.sub_menu_type_b .sub_menu_list li a {
  display: block;
  position: relative;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: -1px;
  font-weight: bold;
  margin-top: -1px;
}

.sub_menu_type_b .sub_menu_list li a.on, .sub_menu_type_b .sub_menu_list li a:hover {
  color: #fff;
  border-color: #e61e25;
  background: #e61e25;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_b .sub_menu_list {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100%;
    display: none;
  }
  .sub_menu_type_b .sub_menu_list li {
    float: none;
    width: 100% !important;
  }
  .sub_menu_type_b .sub_menu_list li a {
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
  }
  .sub_menu_type_b .sub_menu_list li a.on, .sub_menu_type_b .sub_menu_list li a:hover {
    color: #222;
    border-color: #ddd;
    background: #fff;
  }
}

.sub_menu_type_c {
  position: relative;
  max-width: 500px;
  margin: -38px auto 0;
  border-radius: 76px;
  height: 76px;
  background: #e61e25;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c {
    width: 96%;
    max-width: none;
    margin-top: -22px;
    margin-left: 2%;
    margin-right: 2%;
    height: 44px;
    border-radius: 44px;
  }
}

.sub_menu_type_c .updown_list {
  padding-left: 50px;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .updown_list {
    padding-left: 30px;
  }
}

.sub_menu_type_c:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 70px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 14px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c:before {
    left: 35px;
  }
}

.sub_menu_type_c .btn_home {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 26px;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 40px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}

.sub_menu_type_c .btn_home i, .sub_menu_type_c .btn_home img {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .btn_home i, .sub_menu_type_c .btn_home img {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .btn_home {
    width: 35px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    left: 0;
  }
}

.sub_menu_type_c .updown_list:after {
  content: '';
  display: block;
  clear: both;
}

.sub_menu_type_c .updown_list > li {
  float: left;
  width: 50%;
  position: relative;
}

.sub_menu_type_c .updown_list > li:last-child:before {
  display: none;
}

.sub_menu_type_c .updown_list > li:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  height: 20px;
  margin-top: -10px;
}

.sub_menu_type_c .btn_sub_menu_02 {
  height: 76px;
  line-height: 76px;
  display: block;
  position: relative;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .btn_sub_menu_02 {
    height: 44px;
    line-height: 44px;
    font-size: 13px;
  }
  .sub_menu_type_c .btn_sub_menu_02:before {
    font-size: 16px;
  }
}

.sub_menu_type_c .btn_sub_menu {
  height: 76px;
  line-height: 76px;
  display: block;
  position: relative;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  font-size: 16px;
}

.sub_menu_type_c .btn_sub_menu:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  color: #fff;
  right: 20px;
  content: "\e943";
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sub_menu_type_c .btn_sub_menu.on:before {
  content: "\e946";
}

.sub_menu_type_c .btn_sub_menu.no_i:before {
  display: none;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .btn_sub_menu {
    height: 44px;
    line-height: 44px;
    font-size: 13px;
  }
  .sub_menu_type_c .btn_sub_menu:before {
    font-size: 16px;
  }
}

.sub_menu_type_c .li_01 .des_con .depth02.on {
  display: none;
}

.sub_menu_type_c .li_02 .depth02_box,
.sub_menu_type_c .li_02 .depth01 > a {
  display: none;
}

.sub_menu_type_c .li_02 .depth02_box.on {
  display: block;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_c .li_02 .des_con {
    width: 85%;
  }
}

.sub_menu_type_c .des_con {
  background: rgba(239, 59, 123, 0.95);
  padding: 10px 15px;
  box-sizing: border-box;
  display: none;
  text-align: left;
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  z-index: 3;
}

.sub_menu_type_c .des_con .depth02 {
  display: none;
}

.sub_menu_type_c .des_con .depth02.on {
  display: block;
}

.sub_menu_type_c .des_con ul li:first-child a {
  border-top: 0;
}

.sub_menu_type_c .des_con ul li a {
  line-height: 1.6;
  color: #fff;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
}

.sub_menu_type_c .des_con ul li a:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 768px) {
  .sub_menu_type_c .des_con {
    padding: 5px 10px;
    top: 40px;
  }
  .sub_menu_type_c .des_con ul li a {
    font-size: 13px;
  }
}

.sub_menu_type_d {
  margin-bottom: 50px;
  position: relative;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.sub_menu_type_d::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #fff;
}

.sub_menu_type_d::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #fff;
}

.sub_menu_type_d::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #999;
}

.sub_menu_type_d ul {
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.sub_menu_type_d ul li {
  display: inline-block;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_d ul li {
    float: left;
  }
}

.sub_menu_type_d ul li a {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-weight: 400;
  display: block;
}

.sub_menu_type_d ul li a.on, .sub_menu_type_d ul li a:hover {
  color: #fff;
  border-color: #e61e25;
  background: #e61e25;
}

.sub_menu_type_e {
  position: relative;
  margin-top: -25px;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_e {
    margin: 0;
  }
}

.sub_menu_type_e .sub_menu_list {
  text-align: center;
  margin: 0 auto;
}

.sub_menu_type_e .sub_menu_list.menu_02 {
  max-width: 500px;
}

.sub_menu_type_e .sub_menu_list.menu_02 li {
  width: 50%;
}

.sub_menu_type_e .sub_menu_list.menu_03 li {
  width: 33.33333%;
}

.sub_menu_type_e .sub_menu_list.menu_04 {
  max-width: 1000px;
}

.sub_menu_type_e .sub_menu_list.menu_04 li {
  width: 25%;
}

.sub_menu_type_e .sub_menu_list.menu_05 li {
  width: 20%;
}

.sub_menu_type_e .sub_menu_list.menu_06 li {
  width: 16.66%;
}

.sub_menu_type_e .sub_menu_list li {
  float: left;
}

.sub_menu_type_e .sub_menu_list li a {
  display: block;
  position: relative;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 20px;
  color: #333;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: -1px;
  font-weight: 500;
  margin-top: -1px;
}

.sub_menu_type_e .sub_menu_list li a.on, .sub_menu_type_e .sub_menu_list li a:hover {
  color: #fff;
  border-color: #333;
  background: #333;
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_e .sub_menu_list {
    display: none;
  }
}

.sub_menu_type_e_m {
  display: none;
  position: relative;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #ccc;
}

.sub_menu_type_e_m .now_page_tit .tit, .sub_menu_type_e_m .now_page_tit .tit_02 {
  color: #000;
  line-height: 50px;
  height: 50px;
  font-weight: bold;
  font-size: 15px;
}

.sub_menu_type_e_m .btn_prev_page, .sub_menu_type_e_m .btn_next_page {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  width: 24px;
  height: 24px;
  background-size: 24px auto;
  background-repeat: no-repeat;
}

.sub_menu_type_e_m .btn_next_page {
  right: 0;
  background-image: url(/templates/images/sub/btn_next_page.png);
}

.sub_menu_type_e_m .btn_prev_page {
  left: 0;
  background-image: url(/templates/images/sub/btn_prev_page.png);
}

@media screen and (max-width: 1024px) {
  .sub_menu_type_e_m {
    display: block;
  }
}

/* forms (form, input)
-------------------------------------------------- */
.input {
  box-sizing: border-box;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 21px;
  text-align: left;
  vertical-align: middle;
  outline: 0;
  -webkit-appearance: none;
  border: 1px solid #e8e8e8;
  border-top-color: #c9c9c9;
  border-bottom-color: transparent;
  background-color: #f7f7f7;
}

/* wide */
.sel_wide,
.input_wide,
textarea {
  display: block;
  width: 100%;
}

.input-middle {
  width: 100%;
  min-width: 150px;
}

.input-min {
  min-width: 150px;
}

input[type="checkbox"],
input[type="radio"] {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

label {
  display: inline-block;
  padding: 0 4px 0 2px;
  cursor: pointer;
  white-space: nowrap;
}

/*label:before {
  content: '';
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 28px;
  margin-top: -3px;
  font-size: 20px;
  line-height: 1;
  font-family: xeicon;
  vertical-align: middle;
}*/

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  color: #666;
}

input[type="checkbox"]:focus + label,
input[type="radio"]:focus + label {
  outline: 1px dotted #666;
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  color: #666;
}

/*
input[type="checkbox"] + label:before {
  font-family: xeicon;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  margin-right: 10px;
  content: "";
  color: #222;
}*/

input[type="radio"] + label {
  position: relative;
  padding-left: 30px;
}

input[type="radio"] + label:before {
  top: 50%;
  margin-top: -9.5px;
  width: 19px;
  height: 19px;
  content: '';
  border: 1px solid #ddd;
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
}

/*input[type="checkbox"]:checked + label:before {
  font-family: xeicon;
  content: "\e928";
  color: #aaa;
}*/

input[type="radio"]:checked + label:before {
  border: 5px solid #e61e25;
}

/* //연혁  ---------------------------------------------------------------*/
.history_type_a .history_list {
  word-break: keep-all;
  position: relative;
  text-align: left;
}

.history_type_a .history_list li {
  padding: 50px 0;
  border-bottom: 1px solid #ddd;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .history_type_a .history_list li {
    padding: 20px 0;
  }
}

.history_type_a .history_list li:first-child {
  margin-top: 0;
}

.history_type_a .history_list li .year {
  font-size: 45px;
  font-weight: bold;
  color: #222;
  position: absolute;
  top: 40px;
  left: 90px;
}

@media screen and (max-width: 1024px) {
  .history_type_a .history_list li .year {
    font-size: 20px;
    top: 0;
    left: 20px;
    position: static;
    margin-bottom: 10px;
    margin-left: 0;
  }
}

.history_type_a .history_list li dl {
  margin-left: 300px;
  zoom: 1;
}

.history_type_a .history_list li dl:before {
  content: '';
  display: block;
}

.history_type_a .history_list li dl:after {
  content: '';
  display: table;
  clear: both;
}

.history_type_a .history_list li dl .month {
  float: left;
  width: 70px;
  font-weight: 500;
  color: #222;
}

@media screen and (max-width: 768px) {
  .history_type_a .history_list li dl .month {
    width: 30px;
  }
}

@media screen and (max-width: 1024px) {
  .history_type_a .history_list li dl {
    margin-left: 0;
  }
}

.history_type_a .history_list li dl dd {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.history_type_b {
  position: relative;
}

.history_type_b:before {
  content: '';
  height: 99%;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .history_type_b:before {
    left: 0;
  }
}

.history_type_b .history_list > li {
  padding: 70px 0 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .history_type_b .history_list > li {
    padding: 30px 0 0;
  }
}

.history_type_b .history_list > li:after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid #e61e25;
  position: absolute;
  top: 87px;
  background: #e61e25;
  left: 0;
  margin-left: -9px;
  z-index: 1;
  box-shadow: 0 0 0 6px rgba(239, 59, 123, 0.2), 0 0 10px rgba(239, 59, 123, 0.6), inset 0 1px 0 rgba(239, 59, 123, 0.3);
}

@media screen and (max-width: 768px) {
  .history_type_b .history_list > li:after {
    top: 45px;
    left: 0;
    right: auto;
    margin-right: 0;
  }
}

.history_type_b .history_list > li:before {
  content: '';
  position: absolute;
  width: 70px;
  border-bottom: 1px solid #e61e25;
  top: 95px;
  left: 16px;
}

@media screen and (max-width: 768px) {
  .history_type_b .history_list > li:before {
    width: 30px;
    top: 54px;
  }
}

.history_type_b .history_list > li dl {
  position: relative;
  zoom: 1;
  position: relative;
  padding-left: 100px;
  text-align: left;
}

.history_type_b .history_list > li dl:before {
  content: '';
  display: block;
}

.history_type_b .history_list > li dl:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (max-width: 768px) {
  .history_type_b .history_list > li dl {
    padding-left: 50px;
    margin-left: 0;
  }
}

.history_type_b .history_list > li dl dd {
  overflow: hidden;
}

.history_type_b .history_list > li dl dd:after {
  content: '';
  display: block;
  clear: both;
}

.history_type_b .history_list > li dl dd ul li {
  position: relative;
  line-height: 1.7;
  margin: 10px 0;
  font-size: 1.17647em;
  zoom: 1;
}

.history_type_b .history_list > li dl dd ul li:before {
  content: '';
  display: block;
}

.history_type_b .history_list > li dl dd ul li:after {
  content: '';
  display: table;
  clear: both;
}

.history_type_b .history_list > li dl dd ul li .month {
  float: left;
  font-weight: 500;
  margin-right: 30px;
  color: #222;
}

@media screen and (max-width: 1024px) {
  .history_type_b .history_list > li dl dd ul li .month {
    margin-right: 10px;
  }
}

.history_type_b .history_list > li dl dd ul li .des {
  overflow: hidden;
  display: block;
}

.history_type_b .history_list > li dl dt {
  font-size: 2.23529em;
  font-weight: bold;
  color: #e61e25;
  float: left;
  margin-right: 30px;
}

@media screen and (max-width: 1024px) {
  .history_type_b .history_list > li dl dt {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 1320px) {
  .history_type_b .history_list > li dl dt {
    float: none;
  }
}

.history_type_c {
  position: relative;
}

.history_type_c:before {
  content: '';
  height: 99%;
  border-left: 1px solid #ddd;
  position: absolute;
  top: 0;
  left: 50%;
}

@media screen and (max-width: 768px) {
  .history_type_c:before {
    left: 40px;
  }
}

.history_type_c .history_list > li {
  padding: 60px 0 0;
  position: relative;
}

.history_type_c .history_list > li.fadeInLeft:after {
  left: 50%;
  margin-left: -9px;
}

@media screen and (max-width: 768px) {
  .history_type_c .history_list > li.fadeInLeft:after {
    left: 30px;
    margin-left: 0;
  }
}

.history_type_c .history_list > li.fadeInLeft dl {
  position: relative;
  padding-right: 45px;
  margin-right: 50%;
  text-align: right;
  padding-left: 0;
}

.history_type_c .history_list > li.fadeInLeft dl dt {
  left: auto;
  right: 50px;
}

.history_type_c .history_list > li.fadeInLeft dl dd {
  text-align: right;
}

.history_type_c .history_list > li.fadeInLeft dl dd ul li .month {
  float: right;
  margin-left: 30px;
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .history_type_c .history_list > li.fadeInLeft dl {
    margin-right: 0;
    padding-right: 0px;
    padding-left: 60px;
    text-align: left;
  }
  .history_type_c .history_list > li.fadeInLeft dl dd {
    text-align: left;
  }
  .history_type_c .history_list > li.fadeInLeft dl dd ul li .month {
    float: left;
    margin-left: 0;
    margin-right: 30px;
  }
  .history_type_c .history_list > li.fadeInLeft dl:before {
    left: 4px;
    right: 0;
    top: 0;
    background-size: 24px auto;
  }
}

.history_type_c .history_list > li.fadeInRight:after {
  right: 50%;
  margin-right: -9px;
}

@media screen and (max-width: 768px) {
  .history_type_c .history_list > li.fadeInRight:after {
    left: 30px;
    right: auto;
    margin-right: 0;
  }
}

.history_type_c .history_list > li.fadeInRight dl {
  position: relative;
  padding-left: 45px;
  margin-left: 50%;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .history_type_c .history_list > li.fadeInRight dl {
    padding-left: 60px;
    margin-left: 0;
  }
}

.history_type_c .history_list > li:first-child:after {
  display: none;
}

.history_type_c .history_list > li:after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 5px solid #e61e25;
  position: absolute;
  top: 70px;
  background: #fff;
}

.history_type_c .history_list > li:first-child {
  padding: 0;
}

.history_type_c .history_list > li:first-child:after {
  top: 0;
}

.history_type_c .history_list > li dl {
  position: relative;
}

.history_type_c .history_list > li dl dd:after {
  content: '';
  display: block;
  clear: both;
}

.history_type_c .history_list > li dl dd ul li {
  position: relative;
  line-height: 1.7;
  margin: 10px 0;
  zoom: 1;
}

.history_type_c .history_list > li dl dd ul li:before {
  content: '';
  display: block;
}

.history_type_c .history_list > li dl dd ul li:after {
  content: '';
  display: table;
  clear: both;
}

.history_type_c .history_list > li dl dd ul li .month {
  float: left;
  top: 2px;
  left: 0;
  font-size: 1.05882em;
  font-weight: bold;
  margin-right: 30px;
}

.history_type_c .history_list > li dl dd ul li .des {
  overflow: hidden;
  display: block;
}

.history_type_c .history_list > li dl dt {
  font-size: 1.88235em;
  font-weight: bold;
  color: #e61e25;
  margin-bottom: 0.58824em;
}

/* //버튼  ---------------------------------------------------------------*/
.btn-type-01, input[type="submit"].btn-type-01 {
  display: inline-block;
  text-align: center;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #fff;
  background: #e61e25;
  border: 1px solid #e61e25;
  cursor: pointer;
  box-sizing: border-box;
  transition: 0.3s;
}

.btn-type-01:hover, input[type="submit"].btn-type-01:hover {
  background: #fff;
  color: #e61e25;
}

@media screen and (max-width: 1024px) {
  .btn-type-01, input[type="submit"].btn-type-01 {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
  }
}

.board_btn_bx .btn-type-01, .board_btn_bx input[type="submit"].btn-type-01 {
  min-width: 280px;
}

@media screen and (max-width: 1024px) {
  .board_btn_bx .btn-type-01, .board_btn_bx input[type="submit"].btn-type-01 {
    min-width: 100px;
  }
}

.btn-type-02, input[type="submit"].btn-type-02 {
  display: inline-block;
  text-align: center;
  min-width: 100px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  color: #e61e25;
  background: #fff;
  border: 1px solid #e61e25;
  cursor: pointer;
  box-sizing: border-box;
  transition: 0.3s;
}

@media screen and (max-width: 1024px) {
  .btn-type-02, input[type="submit"].btn-type-02 {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
  }
}

.btn-type-02:hover, input[type="submit"].btn-type-02:hover {
  background: #e61e25;
  color: #fff;
}

.btn-type-03 {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  min-width: 100px;
  color: #666;
  background: #fff;
  line-height: 1.5;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #999;
}

.btn-type-03:hover {
  background: #999;
  color: #fff;
}

.btn-type-04 {
  display: inline-block;
  text-align: center;
  padding: 10px 20px;
  min-width: 100px;
  color: #fff;
  background-color: #666;
  line-height: 1.5;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #666;
}

.btn-type-04:hover {
  background: #fff;
  color: #666;
}

.respon_btn a {
  display: inline-block;
  text-align: center;
  padding: 8px 12px;
  min-width: 200px;
  color: #fff;
  background-color: #a0d53b;
  line-height: 1.5;
  cursor: pointer;
}

.respon_btn2 a {
  display: inline-block;
  text-align: center;
  padding: 8px 12px;
  min-width: 100px;
  color: #fff;
  background-color: #a0d53b;
  line-height: 1.5;
  cursor: pointer;
}

.form_btn_01 {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 17px;
  background-color: #0a326c;
  border: 1px solid #0a326c;
  cursor: pointer;
}

.form_btn_01:hover {
  color: #0a326c;
  background-color: #fff;
}

.form_btn_02 {
  display: inline-block;
  text-align: center;
  width: 100%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 17px;
  background-color: #666;
  border: 1px solid #666;
  cursor: pointer;
}

.form_btn_03 {
  display: inline-block;
  text-align: center;
  width: 130px;
  padding: 8px 0;
  color: #fff;
  background-color: #de6742;
  border: 1px solid #de6742;
  line-height: 1.5;
  cursor: pointer;
}

.table-btn-01 {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  color: #fff !important;
  background-color: #222;
  font-size: 13px;
  vertical-align: middle;
  min-width: 60px;
  box-sizing: border-box;
}

.table-btn-02 {
  display: inline-block;
  text-align: center;
  height: 28px;
  line-height: 28px;
  color: #082f90;
  background-color: #fff;
  border: 1px solid #082f90;
  font-size: 13px;
  vertical-align: middle;
  padding: 0 20px;
}

.btn_submit_01 {
  display: inline-block;
  text-align: center;
  padding: 8px 10px 8px 10px;
  color: #fff;
  background-color: #666;
  font-size: 14px;
  vertical-align: middle;
  min-width: 60px;
}

.btn_submit_02 {
  display: inline-block;
  text-align: center;
  padding: 8px 10px 8px 10px;
  color: #fff;
  background-color: #de6742;
  font-size: 14px;
  vertical-align: middle;
  min-width: 60px;
}

.notice_i {
  font-size: 14px;
  background: #133e78;
  text-align: center;
  display: inline-block;
  border-radius: 20px;
  padding: 5px 10px;
  vertical-align: middle;
  color: #fff;
}

.button-ujarak {
  position: relative;
  z-index: 0;
  transition: background .4s, border-color .4s, color .4s;
}

.button-ujarak:before {
  content: '00';
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  background: #000;
  z-index: -1;
  opacity: 0;
  -webkit-transform: scale3d(0.7, 1, 1);
          transform: scale3d(0.7, 1, 1);
  transition: opacity 0.42s, -webkit-transform 0.42s;
  transition: transform 0.42s, opacity 0.42s;
  transition: transform 0.42s, opacity 0.42s, -webkit-transform 0.42s;
  border-radius: inherit;
}

.button-ujarak:before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-ujarak:hover {
  transition: background .4s .4s, border-color .4s 0s, color .2s 0s;
}

.button-ujarak:hover:before {
  background: #e61e25;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
          transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

.button-wapasha {
  position: relative;
  overflow: visible;
  border: none;
  z-index: 1;
  border: none;
}

.button-wapasha::before, .button-wapasha::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 2px;
  border-style: solid;
}

.button-wapasha::before {
  opacity: 1;
  visibility: visible;
  transition: all .3s ease;
  z-index: -1;
}

.button-wapasha::after {
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease;
  -webkit-transform: translate3d(8px, -8px, 0);
          transform: translate3d(8px, -8px, 0);
  will-change: transform;
  z-index: -1;
}

.button-wapasha:hover, .button-wapasha:active {
  background: #2e2929;
}

.button-wapasha:hover:before, .button-wapasha:hover:after, .button-wapasha:active:before, .button-wapasha:active:after {
  border-color: #2e2929;
}

.button-wapasha:hover::before, .button-wapasha:active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(-8px, 8px, 0);
          transform: translate3d(-8px, 8px, 0);
  transition-duration: .2s;
}

.button-wapasha:hover::after, .button-wapasha:active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition-duration: .3s;
}

.button-pipaluk {
  position: relative;
  overflow: visible;
  border: none;
  z-index: 1;
}

.button-pipaluk::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transition: all .3s ease-in-out;
}

.button-pipaluk::after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-width: 2px;
  border-style: solid;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease 0s;
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  z-index: -1;
}

.button-pipaluk.button-circle::before, .button-pipaluk.button-circle::after {
  border-radius: inherit;
}

.button-pipaluk:hover::before, .button-pipaluk:active::before {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  transition-duration: .2s;
}

.button-pipaluk:hover::after, .button-pipaluk:active::after {
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition-duration: .3s;
  transition-delay: .1s;
}

/* //테이블  ---------------------------------------------------------------*/
/* // 일반 게시판 // //////////////////////////////////*/
.table_board_for {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #474b53;
  border-bottom: 1px solid #ddd;
  text-align: center;
  word-break: break-all;
}

@media screen and (max-width: 768px) {
  .table_board_for.type_b th:nth-child(2),
  .table_board_for.type_b td:nth-child(2) {
    width: 60%;
  }
  .table_board_for.type_b th:nth-child(3),
  .table_board_for.type_b td:nth-child(3) {
    width: 20%;
  }
  .table_board_for.type_b th:nth-child(4),
  .table_board_for.type_b td:nth-child(4) {
    width: 20%;
  }
  .table_board_for.type_b th:last-child,
  .table_board_for.type_b td:last-child {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .table_board_for.type_c th:nth-child(2),
  .table_board_for.type_c td:nth-child(2) {
    width: 16%;
  }
  .table_board_for.type_c th:nth-child(3),
  .table_board_for.type_c td:nth-child(3) {
    width: 52%;
  }
  .table_board_for.type_c th:nth-child(4),
  .table_board_for.type_c td:nth-child(4) {
    width: 16%;
  }
  .table_board_for.type_c th:last-child,
  .table_board_for.type_c td:last-child {
    width: 16%;
  }
}

@media screen and (max-width: 768px) {
  .table_board_for.type_e {
    display: block;
  }
  .table_board_for.type_e th,
  .table_board_for.type_e td {
    padding: 8px 5px;
    box-sizing: border-box;
  }
  .table_board_for.type_e colgroup,
  .table_board_for.type_e th:nth-child(1),
  .table_board_for.type_e td:nth-child(1) {
    display: none;
  }
  .table_board_for.type_e th:nth-child(2),
  .table_board_for.type_e td:nth-child(2) {
    width: 100%;
  }
  .table_board_for.type_e th:nth-child(3),
  .table_board_for.type_e td:nth-child(3) {
    width: 100%;
  }
  .table_board_for.type_e th:last-child,
  .table_board_for.type_e td:last-child {
    width: 100%;
  }
  .table_board_for.type_e tbody,
  .table_board_for.type_e colgroup,
  .table_board_for.type_e tr,
  .table_board_for.type_e th,
  .table_board_for.type_e td {
    display: block;
    border: none;
  }
  .table_board_for.type_e thead {
    display: none;
  }
  .table_board_for.type_e tr {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 10px;
    text-align: left;
  }
  .table_board_for.type_e tr td,
  .table_board_for.type_e tr th {
    padding: 0;
    border: none;
    text-align: left;
    line-height: 1.7;
  }
  .table_board_for.type_e tr th {
    padding: 10px 0 5px;
    text-align: left;
  }
  .table_board_for.type_e tr td {
    position: relative;
    padding-left: 65px;
  }
  .table_board_for.type_e tr td:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
    font-weight: 500;
  }
  .table_board_for.type_e tr td a {
    position: relative;
  }
  .table_board_for.type_e tr td a:before {
    content: '';
    height: 10px;
    border-left: 1px solid #ccc;
    margin-top: -5px;
    position: absolute;
    top: 8px;
    left: -8px;
  }
}

@media screen and (max-width: 768px) {
  .table_board_for.qna_type_a colgroup,
  .table_board_for.qna_type_a thead {
    display: none;
  }
  .table_board_for.qna_type_a tr:after {
    content: '';
    display: block;
    clear: both;
  }
  .table_board_for.qna_type_a tbody tr {
    border-top: 1px solid #ddd;
    padding: 5px 0     .table_board_for.qna_type_a tbody tr;
  }
  .table_board_for.qna_type_a tbody tr :first-child {
    border-top: 0;
  }
  .table_board_for.qna_type_a tbody,
  .table_board_for.qna_type_a tr,
  .table_board_for.qna_type_a td {
    display: block;
    width: 100% !important;
    text-align: left;
    border: none;
  }
  .table_board_for.qna_type_a tbody:nth-child(2),
  .table_board_for.qna_type_a tr:nth-child(2),
  .table_board_for.qna_type_a td:nth-child(2) {
    float: left;
    width: 100% !important;
  }
  .table_board_for.qna_type_a tbody:nth-child(3), .table_board_for.qna_type_a tbody:nth-child(4), .table_board_for.qna_type_a tbody:nth-child(5),
  .table_board_for.qna_type_a tr:nth-child(3),
  .table_board_for.qna_type_a tr:nth-child(4),
  .table_board_for.qna_type_a tr:nth-child(5),
  .table_board_for.qna_type_a td:nth-child(3),
  .table_board_for.qna_type_a td:nth-child(4),
  .table_board_for.qna_type_a td:nth-child(5) {
    float: left;
    margin-right: 5px;
    width: auto !important;
  }
}

.table_board_for thead th {
  color: #444;
  font-weight: bold;
}

.table_board_for a:hover {
  text-decoration: underline !important;
}

.table_board_for th {
  padding: 13px 2px;
  position: relative;
  color: #000;
  font-weight: 700;
}

.table_board_for th:first-child:before {
  display: none;
}

.table_board_for td {
  padding: 15px 5px;
  border-top: 1px solid #ddd;
  text-align: center;
  vertical-align: top;
}

.table_board_for td .img_bx {
  overflow: hidden;
  width: 80px;
  margin: 0 auto;
  background: url(/templates/images/board/280x190_default.jpg) no-repeat center center;
  background-size: cover;
}

.table_board_for td .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 75%;
}

@media screen and (max-width: 768px) {
  .table_board_for th,
  .table_board_for td {
    padding: 8px 5px;
  }
  .table_board_for colgroup,
  .table_board_for th:nth-child(1),
  .table_board_for td:nth-child(1) {
    display: none;
  }
  .table_board_for th:nth-child(2),
  .table_board_for td:nth-child(2) {
    width: 50%;
  }
  .table_board_for th:nth-child(3),
  .table_board_for td:nth-child(3) {
    width: 20%;
  }
  .table_board_for th:last-child,
  .table_board_for td:last-child {
    width: 20%;
  }
}

/* 게시판 아이콘 */
table tr .xi-volume-up,
table tr .xi-file-download {
  font-size: 18px;
  color: #e61e25;
}

table tr .anwer_off {
  display: inline-block;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background-color: #999;
  font-size: 13px;
  vertical-align: middle;
  letter-spacing: -0.8px;
  width: 60px;
}

table tr .anwer_on {
  display: inline-block;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background-color: #e61e25;
  font-size: 13px;
  vertical-align: middle;
  letter-spacing: -0.8px;
  width: 60px;
}

table tr .xi-renew {
  font-size: 28px;
  color: #e61e25;
}

/*비밀번호 입력 */
.pass-wrap {
  margin-top: 60px;
}

.pass-wrap .tit {
  font-size: 1.2em;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}

/*갤러리 게시판 ///////////////////////////////////////////////////*/
.img_board_list li {
  margin: 0 0 40px;
}

@media screen and (max-width: 1024px) {
  .img_board_list li {
    margin: 0 0 20px;
  }
}

.img_board_list li a {
  position: relative;
  display: block;
}

.img_board_list li a .img_bx {
  position: relative;
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
  padding-top: 66.66667%;
}

.img_board_list li a .img_bx .img_cover {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img_board_list li a .img_bx .img_cover img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*비율 너비값에 커버 이미지 작을 경우 -> contain */
  max-width: 100%;
  /*비율 너비값이 맞출 경우 -> contain */
  /*모든 이미지  커버*/
  min-width: 100%;
}

.img_board_list li a .img_box {
  overflow: hidden;
  position: relative;
}

.img_board_list li a .img_box:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 0 solid #e61e25;
  transition: border-width 0.3s;
  z-index: 5;
}

.img_board_list li a .img_box .img_src {
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
  padding-top: 109.09091%;
  transition: 0.3s;
  background-size: cover;
}

.img_board_list li a .txt_box {
  background: #fff;
  text-align: left;
  color: #333;
}

.img_board_list li a .txt_box .type {
  height: 25px;
  line-height: 25px;
  background: #4099d5;
  color: #fff;
  text-align: center;
  width: 75px;
  border-radius: 25px;
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.9em;
}

.img_board_list li a .txt_box .tit {
  color: #222;
  font-weight: 500;
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 1.1em;
}

@media screen and (max-width: 1024px) {
  .img_board_list li a .txt_box .tit {
    font-size: 14px;
    margin-top: 10px;
  }
}

.img_board_list li a .txt_box .date {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
}

.img_board_list li a .txt_box .des {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
  height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.img_board_list li a:hover .img_box:before {
  border-width: 5px;
}

.img_board_list li a:hover .img_box .img_src {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.img_board_list li a:hover .txt_box .tit {
  color: #e61e25;
}

.img_board_list.type_b li a {
  border: none;
}

.img_board_list.type_b li a .txt_box {
  padding: 15px 0;
}

.img_board_list.type_b li a:before {
  display: none;
}

.img_board_list.type_b li a:hover .img_box .hover_box {
  transition: 0.3s ease-out;
  height: 100%;
}

.img_board_list.type_b li a .img_box .hover_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
}

.img_board_list.type_b li a .img_box .hover_box .txt {
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.img_board_list.type_b li a .img_box .hover_box i {
  font-size: 12px;
  margin-left: 5px;
}

.img_board_list.type_c li {
  margin-bottom: 0;
}

.img_board_list.type_c li a {
  margin-left: -1px;
  margin-top: -1px;
}

.img_board_list.type_c li a .txt_box .date {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
  height: auto;
  line-height: 1.5;
  text-overflow: inherit;
  display: block;
}

.img_board_list.type_c li a .txt_box .date span {
  position: relative;
  padding: 0 7px;
}

.img_board_list.type_c li a .txt_box .date span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ccc;
}

.img_board_list.type_c li a .txt_box .date span:first-child {
  padding-left: 0;
}

.img_board_list.type_c li a .txt_box .date span:first-child:before {
  display: none;
}

@media screen and (max-width: 1024px) {
  .img_board_list.type_c li a .txt_box .date {
    font-size: 11px;
    letter-spacing: -0.5px;
  }
  .img_board_list.type_c li a .txt_box .date span {
    padding: 0 5px;
  }
}

/*썸네일 게시판 */
.img_board_list_02 {
  border-top: 1px solid #000;
}

.img_board_list_02 li {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}

.img_board_list_02 li a {
  display: table;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

.img_board_list_02 li a .no_txt {
  position: absolute;
  top: 50%;
  left: 0;
  color: #222;
  font-weight: 400;
  margin-top: -12px;
}

.img_board_list_02 li a:hover .txt_box .tit {
  text-decoration: underline !important;
}

.img_board_list_02 li a:hover .img_box img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.img_board_list_02 li a .img_box {
  overflow: hidden;
  float: left;
  width: 160px;
  margin-right: 30px;
  border: 1px solid #ddd;
}

@media screen and (max-width: 1024px) {
  .img_board_list_02 li a .img_box {
    width: 80px;
    margin-right: 15px;
  }
}

.img_board_list_02 li a .img_box img {
  width: 100%;
}

.img_board_list_02 li a .txt_box {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  position: relative;
}

.img_board_list_02 li a .txt_box .tit {
  font-size: 18px;
  color: #222;
  font-weight: 400;
}

@media screen and (max-width: 1024px) {
  .img_board_list_02 li a .txt_box .tit {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}

.img_board_list_02 li a .txt_box .des {
  margin-top: 10px;
  color: #999;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 1024px) {
  .img_board_list_02 li a .txt_box .des {
    display: none;
  }
}

.img_board_list_02 li a .txt_box .tbl_detail_span {
  margin-top: 10px;
}

.img_board_list_02 li a .txt_box .tbl_detail_span span {
  position: relative;
  padding: 0 7px;
}

.img_board_list_02 li a .txt_box .tbl_detail_span span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1px;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ccc;
}

.img_board_list_02 li a .txt_box .tbl_detail_span span:first-child {
  padding-left: 0;
}

.img_board_list_02 li a .txt_box .tbl_detail_span span:first-child:before {
  display: none;
}

@media screen and (max-width: 1024px) {
  .img_board_list_02 li a .txt_box .tbl_detail_span {
    font-size: 11px;
  }
}

.event_img_list {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
}

.event_img_list li {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

.event_img_list li .event_t {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 8px 20px;
  z-index: 1;
  font-size: 16px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .event_img_list li .event_t {
    font-size: 13px;
    padding: 5px 10px;
  }
}

.event_img_list li .event_t.on {
  background: rgba(239, 59, 123, 0.5);
}

.event_img_list li a {
  position: relative;
  display: table;
  width: 100%;
}

.event_img_list li a:hover .txt_box .tit {
  color: #e61e25;
}

.event_img_list li a:hover .btn_link {
  background: #e61e25;
  color: #fff;
}

.event_img_list li a:hover .img_box:before {
  border-width: 5px;
}

.event_img_list li:first-child {
  border-top: none;
}

.event_img_list li .img_box {
  position: relative;
  float: left;
  width: 260px;
  margin-right: 30px;
  border: 1px solid #ddd;
}

.event_img_list li .img_box img {
  width: 100%;
}

.event_img_list li .img_box:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 0 solid #e61e25;
  transition: border-width 0.3s;
  z-index: 5;
}

@media screen and (max-width: 1024px) {
  .event_img_list li .img_box {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}

.event_img_list li .txt_box {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  padding: 10px 0;
}

.event_img_list li .txt_box .tit {
  transition: all 0.4s ease;
  font-size: 18px;
  color: #333;
  font-weight: 500;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.event_img_list li .txt_box .des {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top: 20px;
}

.event_img_list li .txt_box .date {
  margin-top: 20px;
}

@media screen and (max-width: 1024px) {
  .event_img_list li .txt_box {
    display: block;
    padding: 0;
  }
  .event_img_list li .txt_box .tit {
    font-size: 15px;
  }
  .event_img_list li .txt_box .des {
    font-size: 14px;
    margin-top: 10px;
  }
  .event_img_list li .txt_box .date {
    margin-top: 10px;
  }
}

/* // 게시판 뷰 // //////////////////////////////////*/
.table-view-01 {
  width: 100%;
  border-bottom: solid 1px #ddd;
}

.table-view-01.type_e .col_w {
  width: 150px;
}

.table-view-01.type_e th {
  background: #f6f6f6;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .table-view-01.type_e .col_w {
    width: 80px;
  }
  .table-view-01.type_e th {
    padding: 8px 2px;
  }
}

.table-view-01 .tit {
  font-size: 16px;
  color: #000;
}

.table-view-01 tr:first-child th,
.table-view-01 tr:first-child td {
  border-top: solid 1px #000;
}

.table-view-01 th,
.table-view-01 td {
  padding: 10px 8px;
  vertical-align: top;
  border-top: solid 1px #ddd;
}

.table-view-01 th {
  color: #333;
  text-align: left;
  font-weight: 500;
}

.table-view-01 .blue {
  color: #5d9ad3;
}

.table-view-01 .text_left {
  text-align: left;
}

.table-view-01 .addfile_txt {
  padding: 2px 0 2px 35px;
  background: url(/templates/images/icon/file_i.png) no-repeat 0 center;
}

.table-view-01 .notice-b {
  display: inline-block;
  padding: 2px 8px;
  background-color: #489fc4;
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
}

.table-view-01.title-black th {
  color: #333;
}

.table-view-01.th-center th {
  text-align: center;
}

.table-view-01.table-line th,
.table-view-01.table-line td {
  border: solid 1px #ddd;
}

.table-view-01 td .board-box {
  min-height: 150px;
  padding: 10px;
}

.table-view-01 td .board-box img {
  max-width: 100%;
}

.table-view-01 .tit_box {
  border-bottom: 1px solid #ddd;
}

.table-view-01 .tbl_detail_list li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}

.table-view-01 .tbl_detail_list li:last-child {
  padding-right: 0;
}

.table-view-01 .tbl_detail_list li:first-child {
  padding-left: 0;
}

.table-view-01 .tbl_detail_list li .tit_t {
  font-weight: bold;
  color: #222;
  margin-right: 5px;
}

.table-view-01 .tbl_detail_list li:first-child:before {
  display: none;
}

.table-view-01 .tbl_detail_list li:before {
  content: '';
  border-left: 1px solid #ccc;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: -2px;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .table-view-01 .tbl_detail_list li {
    padding: 0 4px;
  }
  .table-view-01 .tbl_detail_list li .tit_t {
    margin-right: 0;
  }
}

.table-view-01 .tit_box p.tit {
  float: left;
}

.table-view-01 .tit_box p.tit .type_t {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  background: #666;
  letter-spacing: -0.8px;
  padding: 0 5px;
  height: 25px;
  line-height: 23px;
  box-sizing: border-box;
  margin-right: 10px;
}

.table-view-01 .tit_box p.tbl_detail_span {
  float: right;
}

.table-view-01 .tit_box p.tbl_detail_span span:first-child:before {
  display: none;
}

.table-view-01 .tit_box p.tbl_detail_span span:before {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 10px;
  margin: -1px 7px 0 4px;
  background: #bbb;
  content: '';
  vertical-align: middle;
}

.table-view-01 .tit_box p.tbl_detail_span > span.anwer_on:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_off:before {
  display: none;
}

/*뷰 리스트 */
.border-list-type {
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}

.border-list-type li {
  border-bottom: solid 1px #c7c7c7;
  height: 40px;
  line-height: 40px;
  position: relative;
  padding-left: 100px;
}

.border-list-type li a {
  display: block;
}

.border-list-type li a .list-title {
  font-weight: 500;
  color: #333;
}

.border-list-type li a .list-up-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  padding: 0 30px 0 50px;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  color: #222;
  background: url("/templates/images/icon/list-prev.gif") no-repeat 15px center;
}

.border-list-type li a .list-down-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px 0 50px;
  box-sizing: border-box;
  color: #222;
  background: url("/templates/images/icon/list-next.gif") no-repeat 15px center;
}

.border-list-type li a .w-con {
  float: none;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.border-list-type .border-none {
  border-bottom: none;
}

/*페이징 */
.paging-area {
  position: relative;
  margin-top: 50px;
}

@media screen and (max-width: 1024px) {
  .paging-area {
    margin-top: 30px;
  }
}

.paging-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.paging-area ul li {
  display: inline;
  margin-left: 2px;
  padding: 0;
}

.paging-area ul li a {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
}

.paging-area ul li a.active {
  text-decoration: none;
  color: #e61e25;
  border-color: #e61e25;
  background: #fff;
}

.paging-area ul li a.prev-first {
  background-image: url("/templates/images/sub/prev-first.png");
}

.paging-area ul li a.prev {
  background-image: url("/templates/images/sub/prev.png");
}

.paging-area ul li a.next-last {
  background-image: url("/templates/images/sub/next-last.png");
}

.paging-area ul li a.next {
  background-image: url("/templates/images/sub/next.png");
}

.paging-area ul li a span {
  display: inline-block;
  text-indent: -9999px;
}

/* 게시판 하단 검색 */
.board-search-01 {
  margin-top: 40px;
  padding: 15px 0;
  text-align: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.board-search-01 select, .board-search-01 input {
  border: solid 1px #ddd;
  background-color: #fff;
}

.board-search-01 .select-type-01 {
  width: 100px;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
}

.board-search-01 .input-type-01 {
  padding: 0 5px;
  width: 20%;
  height: 35px;
  line-height: 35px;
  background-color: #fff;
}

.board-search-01 .btn {
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  height: 35px;
  line-height: normal;
}

.board-search-01 .btn-color-01 {
  width: 90px;
  color: #333;
  background-color: #f6f6f6;
  border: solid 1px #ddd;
}

@media screen and (max-width: 768px) {
  .board-search-01.type_c .select-type-01 {
    top: 65px;
  }
  .board-search-01.type_c .select-type-01.first {
    position: static;
    width: 100%;
    margin-bottom: 5px;
  }
  .board-search-01.type_c .btn-color-01 {
    top: 65px;
  }
}

@media screen and (max-width: 768px) {
  .board-search-01 .select-type-01 {
    width: 21%;
    position: absolute;
    top: 15px;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .board-search-01 .input-type-01 {
    margin: 0 22% 0 22%;
    width: 56%;
  }
}

@media screen and (max-width: 768px) {
  .board-search-01 .btn-color-01 {
    width: 21%;
    position: absolute;
    top: 15px;
    right: 0;
  }
}

/*글작성 */
.board_write_btn_bx {
  position: relative;
  text-align: right;
}

.board_write_btn_bx a {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .board_write_btn_bx a {
    position: static;
    margin-top: 10px;
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .board_view_btn_box {
    position: relative;
  }
  .board_view_btn_box a {
    min-width: 70px;
    padding: 0 10px;
  }
  .board_view_btn_box a:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 35px;
  }
  .board_view_btn_box a:nth-child(3) {
    position: absolute;
    top: 0;
    left: 60px;
    min-width: 35px;
  }
  .board_view_btn_box a:nth-child(4) {
    position: absolute;
    top: 0;
    left: 120px;
    min-width: 35px;
  }
}

.table-form-01 {
  width: 100%;
  border-top: 1px solid #999;
  background: #fff;
  border-bottom: 1px solid #999;
}

.table-form-01.type_c {
  border: none;
}

.table-form-01.type_c th,
.table-form-01.type_c td {
  display: block;
  border-bottom: 0;
}

.table-form-01.type_c td {
  padding: 0;
}

.table-form-01.type_c th {
  padding: 10px 0 5px;
}

.table-form-01.type_c tr {
  padding: 0 0 15px;
  display: block;
}

@media screen and (max-width: 1024px) {
  .table-form-01.type_c tr {
    padding: 0 0 10px;
  }
}

.table-form-01 .col_w {
  width: 140px;
}

@media screen and (max-width: 768px) {
  .table-form-01 .col_w {
    width: 90px;
	padding:0px;
  }
  .notice_label:before {width:0px;}
}

.table-form-01 tr th {
  padding: 12px 10px;
  text-align: left;
  font-weight: 500;
  color: #222;
}

.table-form-01 td {
  padding: 12px 10px;
}

@media screen and (max-width: 1024px) {
  .table-form-01 td {
    padding: 10px 5px;
  }
}

.table-form-01 th label {
  font-weight: bold;
}

.table-form-01 .code {
  background: #ddd;
  padding: 8px 10px;
  margin-right: 5px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.table-form-01 .btn-type-01 {
  width: 100%;
  box-sizing: border-box;
}

.form_wrap.type_b {
  max-width: 620px;
  margin: 0 auto;
}

.form_wrap.type_c {
  max-width: 600px;
  margin: 0 auto;
}

/*   FAQ  */
.qna {
  border-top: 1px solid #000;
  background: #fff;
  text-align: left;
}

.qna.type_b .qna-header a {
  background: none !important;
}

.qna.type_b .qna-header a {
  position: relative;
}

.qna.type_b .qna-header a.select:before {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
      transform: rotate(0);
}

.qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after {
  background-color: rgba(0, 0, 0, 0.8);
  width: 14px;
  height: 2px;
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -1px;
  content: '';
  transition: all 0.5s;
}

@media screen and (max-width: 1024px) {
  .qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after {
    right: 12px;
  }
}

.qna.type_b .qna-header a:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.qna.type_b .qna-header a:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.qna .qna-header {
  padding: 13px 10px;
  position: relative;
  border-bottom: solid 1px #ddd;
}

.qna .qna-header.select {
  color: #e61e25;
}

.qna .qna-header.select a {
  color: #e61e25;
  background: url(/templates/images/qna/qna-down.png) no-repeat right center;
}

.qna .qna-header.select:before {
  color: #e61e25;
}

.qna .qna-header:before {
  content: 'Q.';
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 20px;
  margin-top: -15px;
  font-weight: 500;
}

.qna .qna-header a {
  display: block;
  padding-left: 40px;
  padding-right: 30px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 400;
  color: #222;
  background: url(/templates/images/qna/qna-up.png) no-repeat right center;
}

@media screen and (max-width: 1024px) {
  .qna .qna-header a {
    font-size: 14px;
  }
}

.qna .qna-header a:hover {
  color: #e61e25;
}

.qna .qna-body {
  display: none;
  padding: 20px 20px 20px 50px;
  line-height: 1.5;
  color: #333;
  border-bottom: solid 1px #ddd;
  position: relative;
  background: #f6f6f6;
}

@media screen and (max-width: 1024px) {
  .qna .qna-body {
    font-size: 14px;
  }
}

.qna .qna-body:before {
  content: 'A.';
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #e61e25;
}

/*qna 탭 */
.qna_tab {
  margin-bottom: 30px;
}

.qna_tab ul {
  text-align: center;
}

.qna_tab ul.menu_05 li {
  width: 20%;
}

.qna_tab ul.menu_06 li {
  width: 16.666%;
}

@media screen and (max-width: 1024px) {
  .qna_tab ul.menu_06 li {
    width: 33.333%;
  }
}

.qna_tab ul.menu_04 li {
  width: 25%;
}

.qna_tab ul.menu_02 li {
  width: 50%;
}

.qna_tab ul.menu_03 li {
  width: 33.33333%;
}

.qna_tab ul li {
  float: left;
}

.qna_tab ul li a {
  display: block;
  position: relative;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: -1px;
  margin-top: -1px;
}

.qna_tab ul li a.on, .qna_tab ul li a:hover {
  color: #fff;
  border-color: #e61e25;
  background: #e61e25;
}

@media screen and (max-width: 1024px) {
  .qna_tab {
    margin-bottom: 20px;
  }
  .qna_tab ul li a {
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    letter-spacing: -0.8px;
    box-sizing: border-box;
  }
}

/*댓글 */
.txt_post_wrap.type_a {
  margin-top: 40px;
  padding: 20px 30px;
  border: 1px solid #999;
}

@media screen and (max-width: 1024px) {
  .txt_post_wrap.type_a {
    margin-top: 30px;
    padding: 15px 15px;
  }
}

.txt_post_wrap.type_a .name_box {
  margin-top: 10px;
  position: relative;
  padding-left: 70px;
  max-width: 200px;
}

.txt_post_wrap.type_a .name_box label {
  position: absolute;
  top: 0;
  left: 0;
}

.txt_post_wrap.type_a .post_list {
  margin-top: 30px;
}

.txt_post_wrap.type_a .post_list li {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #ccc;
}

.txt_post_wrap.type_a .post_list li .btn_del {
  position: absolute;
  top: 15px;
  right: 0;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #333;
  color: #333;
  width: 50px;
  font-size: 13px;
  text-align: center;
}

.txt_post_wrap.type_a .post_list li .name_01 {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}

.txt_post_wrap.type_a .post_list li .date_01 {
  font-size: 13px;
  font-weight: 500;
  color: #999;
}

.txt_post_wrap.type_a .post_list li .des_txt {
  margin-top: 10px;
}

.txt_post_wrap.type_a .write_box table {
  width: 100%;
}

.txt_post_wrap.type_a .write_box table .col_w {
  width: 80px;
}

@media screen and (max-width: 1024px) {
  .txt_post_wrap.type_a .write_box table .col_w {
    width: 40px;
  }
}

.txt_post_wrap.type_a .write_box table .col_w2 {
  width: 90px;
}

@media screen and (max-width: 1024px) {
  .txt_post_wrap.type_a .write_box table .col_w2 {
    width: 60px;
  }
}

.txt_post_wrap.type_a .write_box table th {
  color: #222;
  font-weight: bold;
  text-align: left;
  text-indent: 8px;
}

.txt_post_wrap.type_a .write_box .txt_num i {
  color: #e61e25;
  margin-right: 5px;
}

.txt_post_wrap.type_a .write_box .write_area {
  position: relative;
  margin-top: 10px;
  padding-right: 140px;
}

.txt_post_wrap.type_a .write_box .write_area textarea {
  width: 98%;
  padding: 10px 1%;
  height: 50px;
  min-height: 50px;
}

.txt_post_wrap.type_a .write_box .write_area .btn_submit {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 72px;
  line-height: 72px;
  text-align: center;
  width: 140px;
  background: #777;
  font-size: 17px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .txt_post_wrap.type_a .write_box .write_area {
    padding-right: 0;
  }
  .txt_post_wrap.type_a .write_box .write_area .btn_submit {
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    position: static;
    margin-top: 10px;
  }
}

/*댓글*/
.txt_post_wrap.type_b {
  margin-top: 20px;
}

.txt_post_wrap.type_b .list_box {
  margin-top: 20px;
  border-bottom: 1px solid #e8e8e8;
}

.txt_post_wrap.type_b .post_list li {
  position: relative;
  border-top: 1px solid #e8e8e8;
}

.txt_post_wrap.type_b .post_list li.post_li .inner {
  padding: 15px 15px;
}

.txt_post_wrap.type_b .post_list li .answer_box {
  display: none;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner {
  position: relative;
  padding: 15px 15px 15px 40px;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner i {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 12px;
  height: 15px;
  background: url(../../static/img/icon/subdirectory-arrow.png) no-repeat;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner .area-type-form {
  height: 35px;
  min-height: 35px;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner .des_txt.write_txt {
  position: relative;
  padding-right: 95px;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_write {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 80px;
  background: #e61e25;
  color: #fff;
}

.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_censel {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 72px;
  line-height: 72px;
  text-align: center;
  width: 72px;
  background: #999;
  color: #fff;
}

.txt_post_wrap.type_b .post_list li .name_01 {
  font-weight: 500;
  color: #000;
  padding-right: 10px;
  border-right: 1px solid #ddd;
}

.txt_post_wrap.type_b .post_list li .date_01 {
  font-size: 13px;
  font-weight: 700;
  color: #999;
}

.txt_post_wrap.type_b .post_list li .des_txt {
  margin-top: 10px;
  font-size: 13px;
}

.txt_post_wrap.type_b .txt_num i {
  color: #e61e25;
  margin-right: 5px;
}

.txt_post_wrap.type_b .write_box .write_area {
  position: relative;
  padding-right: 95px;
}

.txt_post_wrap.type_b .write_box .write_area textarea {
  width: 100%;
  padding: 10px;
  height: 80px;
  min-height: 80px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 14px;
}

.txt_post_wrap.type_b .write_box .write_area .btn_submit {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px;
  background: #e61e25;
  font-size: 15px;
  color: #fff;
}

.txt_post_wrap.type_b .write_box .write_area .btn_submit_02 {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px;
  background: #8c8c8c;
  font-size: 15px;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .txt_post_wrap.type_b .write_box .write_area {
    padding-right: 0;
  }
  .txt_post_wrap.type_b .write_box .write_area .btn_submit {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin-top: 10px;
    position: static;
    width: 100%;
  }
}

.txt_post_wrap.type_b .btn_answer {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #e61e25;
  width: 50px;
  font-size: 13px;
  text-align: center;
}

.txt_post_wrap.type_b .btn_del {
  font-size: 13px;
  color: #f1281b;
  padding: 0 10px;
}

.txt_post_wrap.type_b .btn_modify {
  position: relative;
  font-size: 13px;
  color: #000;
  padding: 0 10px;
}

.txt_post_wrap.type_b .btn_modify:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ddd;
}

.txt_post_wrap.type_b .modify_box {
  margin-top: 10px;
  display: none;
  position: relative;
  padding-right: 95px;
}

.txt_post_wrap.type_b .modify_box textarea {
  height: 80px;
  min-height: 80px;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.txt_post_wrap.type_b .modify_box a {
  position: absolute;
  bottom: 7px;
  right: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 80px;
  background: #e61e25;
  color: #fff;
}

/*일정표 //////////////////////////////////////////*/
.calendar_wrap_a {
  position: relative;
}

.calendar_wrap_a .term_data {
  position: absolute;
  top: 20px;
  left: 0;
}

.calendar_wrap_a .term_data .tit {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-right: 10px;
}

.calendar_wrap_a .btn_date_wr {
  position: absolute;
  top: 20px;
  right: 0;
}

.calendar_wrap_a .control_bx {
  position: relative;
  margin: 0 auto 10px;
  text-align: center;
}

.calendar_wrap_a .control_bx .year {
  color: #26488c;
  font-weight: bold;
  font-size: 45px;
  padding: 0 15px;
  vertical-align: middle;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .calendar_wrap_a .control_bx .year {
    font-size: 26px;
  }
}

.calendar_wrap_a .control_bx .btn_prev_month {
  font-size: 40px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.calendar_wrap_a .control_bx .btn_prev_month i {
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .calendar_wrap_a .control_bx .btn_prev_month {
    font-size: 30px;
  }
}

.calendar_wrap_a .control_bx .btn_next_month {
  font-size: 40px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.calendar_wrap_a .control_bx .btn_next_month i {
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  .calendar_wrap_a .control_bx .btn_next_month {
    font-size: 30px;
  }
}

.schedule_type_a {
  table-layout: fixed;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #000;
  word-break: break-all;
}

.schedule_type_a thead th {
  color: #222;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #f8f8f8;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .schedule_type_a thead th {
    font-size: 13px;
  }
}

.schedule_type_a tbody {
  background: #fff;
}

.schedule_type_a tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  padding: 5px 5px;
  height: 140px;
  vertical-align: top;
  border: 1px solid #ccc;
}

.schedule_type_a tbody td .date {
  display: block;
  color: #222;
  font-weight: bold;
}

.schedule_type_a tbody td .date.red {
  color: #ed1c24;
}

.schedule_type_a tbody td .date.blue {
  color: #1e73bb;
}

.schedule_type_a tbody td:hover {
  background: #edf3f7;
}

.schedule_type_a tbody td:hover .btn_tooltip_ajax {
  color: #000;
  text-decoration: underline !important;
}

.schedule_type_a tbody td .cursor_default {
  cursor: default;
}

@media screen and (max-width: 768px) {
  .schedule_type_a tbody td .meal_list li,
  .schedule_type_a tbody td .kcal_t {
    font-size: 10px;
  }
}

.calendar_wrap_b {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
}

.calendar_wrap_b .term_data {
  position: absolute;
  top: 20px;
  left: 0;
}

.calendar_wrap_b .term_data .tit {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-right: 10px;
}

.calendar_wrap_b .control_bx {
  position: relative;
  margin: 0 auto 10px;
  text-align: center;
}

.calendar_wrap_b .control_bx .year {
  color: #26488c;
  font-weight: bold;
  font-size: 24px;
  padding: 0 15px;
  vertical-align: middle;
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .calendar_wrap_b .control_bx .year {
    font-size: 18px;
  }
}

.calendar_wrap_b .control_bx .btn_prev_month {
  font-size: 20px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.calendar_wrap_b .control_bx .btn_prev_month i {
  vertical-align: middle;
}

.calendar_wrap_b .control_bx .btn_next_month {
  font-size: 20px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}

.calendar_wrap_b .control_bx .btn_next_month i {
  vertical-align: middle;
}

.schedule_type_b {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
  text-align: center;
}

.schedule_type_b thead th {
  color: #222;
  padding: 8px 0;
  text-align: center;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .schedule_type_b thead th {
    font-size: 13px;
  }
}

.schedule_type_b tbody {
  background: #fff;
}

.schedule_type_b tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  vertical-align: top;
  padding: 5px;
  color: #333;
  border-bottom: 1px solid #ddd;
}

.schedule_type_b tbody td .date {
  display: block;
  margin: 0 auto;
  color: #222;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  width: 40px;
}

.schedule_type_b tbody td .date.today {
  background: #32c5d2;
  color: #fff;
}

.schedule_type_b tbody td .date.on {
  background: #e61e25;
  color: #fff;
}

.schedule_type_b tbody td .date.sunday {
  color: #ed1c24;
}

.schedule_type_b tbody td .date.blue {
  color: #1e73bb;
}

.schedule_type_b tbody td .btn_date_wr {
  position: absolute;
  top: 20px;
  right: 0;
}

.schedule_type_b tbody td .cursor_default {
  cursor: default;
}

/*회원 가입 */
.total_clause_bx {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  color: #333;
  margin-bottom: 30px;
}

.clause_list {
  margin-bottom: 30px;
  margin: 0 auto 50px;
}

@media screen and (max-width: 1024px) {
  .clause_list {
    margin: 0 auto 30px;
  }
}

.clause_list h5 {
  color: #333;
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: 500;
}

.clause_list li .textarea_box_border {
  border: 1px solid #dedede;
}

.clause_list li .textarea_box {
  width: 96%;
  height: 100px;
  padding: 20px 2%;
  overflow-y: auto;
  font-size: 13px;
  background: #fcfcfc;
  box-sizing: content-box;
}

/*멤버쉽*/
.join_form_w {
  max-width: 600px;
  margin: 0 auto;
}

.join_form_w .table-form-01 {
  border-top: 0;
}

.join_tit {
  position: relative;
  font-size: 18px;
  color: #222;
  font-weight: 500;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #222;
}

.join_list li {
  margin-top: 10px;
}

.join_list li:first-child {
  margin-top: 0;
}

/*로그인 */
.login_con .login_wrap {
  max-width: 430px;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 20px;
  margin-bottom: 20px;
}

.login_con .login_wrap .login_list li {
  margin-top: 10px;
}

.login_con .login_wrap .login_list li input {
  height: 50px;
  line-height: 50px;
}

.login_con .login_wrap .login_list li input.btn_login {
  width: 100%;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #e61e25;
  background: #e61e25;
  color: #fff;
}

.login_con .login_wrap .bot_sec {
  margin-top: 20px;
}

.login_con .login_wrap .bot_sec .tit {
  margin-bottom: 10px;
}

.login_con .login_wrap .bot_sec a {
  width: 100%;
  box-sizing: border;
  padding: 0;
  height: 45px;
  line-height: 45px;
}

.login_con .tab_wrap {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.login_con .tab_wrap li {
  float: left;
  width: 50%;
  margin: 0 auto;
}

.login_con .tab_wrap li a {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1024px) {
  .login_con .tab_wrap li a {
    font-size: 14px;
  }
}

.login_con .tab_wrap li a:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  border-top: 2px solid #e61e25;
  transition: 0.3s;
}

.login_con .tab_wrap li a.on {
  color: #e61e25;
}

.login_con .tab_wrap li a.on:before {
  width: 100%;
}

/*폼 input **/
.num {
  display: table;
  vertical-align: middle;
  width: 100%;
  max-width: 500px;
}

.num li {
  display: table-cell;
  width: 33.3333%;
  padding-left: 10px;
}

.num li:before {
  float: left;
  width: 10px;
  line-height: 40px;
  margin-left: -10px;
  color: #444;
  text-align: center;
  content: '-';
}

.num li:first-child {
  padding-left: 0;
}

.num li:first-child:before {
  display: none;
}

.e_mail_box {
  display: table;
  width: 100%;
}

.e_mail_box .mail_txt,
.e_mail_box .mail_txt2 {
  display: table-cell;
  width: 31.333%;
  vertical-align: middle;
}

.e_mail_box .mail_a {
  display: table-cell;
  width: 4%;
  text-align: center;
  vertical-align: middle;
}

.e_mail_box .mail_sel {
  display: table-cell;
  width: 31.333%;
  vertical-align: middle;
  padding-left: 10px;
}

.e_mail_box .mail_sel:before {
  float: left;
  width: 10px;
  line-height: 28px;
  margin-left: -10px;
  text-align: center;
  content: '';
}

@media screen and (max-width: 768px) {
  .e_mail_box .mail_txt {
    display: block;
    float: left;
    width: 90%;
    margin-right: 2%;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .e_mail_box .mail_a {
    display: block;
    float: left;
    width: 8%;
    text-align: center;
    margin-bottom: 10px;
    vertical-align: middle;
  }
  .e_mail_box .mail_txt2 {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .e_mail_box .mail_sel {
    display: block;
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}

.id_num {
  display: table;
  vertical-align: middle;
  width: 100%;
}

.id_num li {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
}

.id_num li:before {
  float: left;
  width: 10px;
  line-height: 40px;
  margin-left: -10px;
  color: #444;
  text-align: center;
  content: '-';
}

.id_num li:first-child {
  padding-left: 0;
}

.id_num li:first-child:before {
  display: none;
}

.area_select {
  display: table;
  vertical-align: middle;
  width: 100%;
}

.area_select li {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
}

.area_select.txt3 li {
  display: table-cell;
  width: 33.333%;
  padding-left: 10px;
}

.area_select li:first-child {
  padding-left: 0;
}

.area_select li:first-child:before {
  display: none;
}

.area_select li:before {
  float: left;
  width: 10px;
  line-height: 28px;
  margin-left: -10px;
  text-align: center;
  content: '';
}

.select_10 {
  width: 100px;
  border: 1px solid #ccc;
}

.input_7 {
  width: 70px;
  padding: 0;
  text-indent: 7px;
}

.input_10 {
  width: 100px;
  padding: 0;
}

.input_12 {
  width: 120px;
  padding: 0;
  text-indent: 7px;
}

.input_15 {
  width: 150px;
  padding: 0;
  text-indent: 7px;
}

.input_20 {
  width: 200px;
  padding: 0;
  text-indent: 7px;
}

.input_txt,
.input_30 {
  max-width: 300px;
  width: 100%;
  padding: 0;
}

.input_50 {
  width: 50%;
  padding: 0;
  text-indent: 7px;
}

.input_80 {
  width: 80%;
  padding: 0;
  text-indent: 7px;
}

.input_date {
  position: relative;
  width: 150px;
  display: inline-block;
}

.input_date i {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
  font-size: 24px;
}

.input_find {
  position: relative;
  max-width: 380px;
}

.input_find input {
  width: 100%;
}

.input_find a {
  position: absolute;
  top: 0;
  right: 0;
}

.input_won {
  display: inline-block;
  padding-right: 30px;
  position: relative;
  max-width: 300px;
  width: 100%;
  box-sizing: border-box;
}

.input_won .won_t {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
}

.input_for {
  width: 100%;
  padding: 0;
}

.sel_for {
  width: 100%;
  border: 1px solid #ccc;
}

.sel_30 {
  width: 100%;
  max-width: 300px;
  border: 1px solid #ccc;
}

textarea {
  margin: 0;
  border: solid 1px #ccc;
  background-color: #fff;
  overflow: auto;
  min-height: 200px;
  width: 80%;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  resize: none;
}

.area_for {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 150px;
  border: solid 1px #ddd;
  overflow-y: auto;
}

.filebox_css input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.filebox_css label {
  display: inline-block;
  padding: 3px 5px;
  color: #fff;
  font-size: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #6a6a6a;
  cursor: pointer;
  border: 1px solid #555;
}

.filebox_css .upload-name {
  display: inline-block;
  padding: 3px 5px;
  font-size: 15px;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
}

.file_box {
  position: relative;
  padding-right: 90px;
}

.file_box:hover .btn_type_file {
  background: #666;
}

.file_box .text_01 {
  position: absolute;
  top: 2px;
  left: 0;
}

.file_box p {
  border: 1px solid #ccc;
  line-height: 36px;
  height: 36px;
  overflow: hidden;
}

.file_box .btn_type_file {
  display: block;
  width: 90px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  background: #999;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.file_box .btn_type_file:hover {
  background: #666;
}

.file_box input {
  position: absolute;
  top: 0;
  right: 0;
  width: 92px;
  height: 28px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-appearance: none;
}

/*찾기*/
.input_btn_box {
  position: relative;
  padding-right: 100px;
}

.input_btn_box .table-btn-01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
}

/* /기본값  ---------------------------------------------------------------*/
.table-view-01 td .board-box img {
  max-width: 100% !important;
  max-height: 100% !important;
  height: auto !important;
  width: auto !important;
}

.board-box li {
  list-style: disc;
}

.table-view-01 .board-box strong {
  font-weight: bold;
}

.table-view-01 td .board-box em, .table-view-01 td .board-box i {
  font-style: italic;
}

.table-view-01 blockquote {
  font-style: italic;
  /*  font-family:Georgia,Times,"Times New Roman",serif;*/
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
}

.table-view-01 blockquote {
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
}

/* //팝업  ---------------------------------------------------------------*/
.modal-dialog .check-area {
  float: left;
  width: 80%;
  text-align: left;
  color: #333;
}

.modal-dialog .modal-footer .pop-close {
  float: right;
  width: 20%;
  text-align: right;
  display: block;
  font-weight: 500;
  color: #333;
  box-sizing: border-box;
  border-left: 1px solid #ddd;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
  z-index: 500;
}

/* // 플로그인   ---------------------------------------------------------------*/
/*팝업 */
.mfp-content {
  text-align: center;
}

.pop-con {
  position: relative;
  display: inline-block;
  padding: 0;
  background-color: #fff;
}

.video-pop {
  position: relative;
  display: inline-block;
}

.video-pop.pop-con .mfp-close {
  background: url(/templates/images/icon/close_i.png) no-repeat 0 0;
  background-size: 30px auto;
  top: -40px;
}

.pop-con.video-pop {
  margin: 0 2%;
  width: 96%;
  padding: 0;
  max-width: 900px;
}

.pass-pop-box {
  width: 400px;
}

.pass-pop-box .pass-pop-head {
  position: relative;
  padding: 10px;
  background-color: #e3444f;
  border: solid 1px #e3444f;
  color: #fff;
}

.pass-pop-box .pass-pop-content {
  padding: 20px 10px 20px 10px;
  background-color: #fff;
  border: solid 1px #e3444f;
}

.pass-pop-box .btn-pass-01 {
  display: inline-block;
  padding: 4px 25px;
  color: #fff;
  background-color: #151515;
  border-radius: 5px;
  font-size: 15px;
}

.modal_standard {
  position: fixed;
  left: 0;
  top: 0;
  display: table;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.modal_wrap {
  display: table-cell;
  vertical-align: middle;
  position: static;
  top: 50%;
}

.modal_con {
  min-height: 50px;
}

.close {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 35px;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open {
  overflow-x: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
  z-index: 300;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 20px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: .5;
}

@media (min-width: 768px) {
  .modal-dialog {
    margin: 0 auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

@media (max-width: 768px) {
  .modal-dialog {
    width: 96% !important;
    margin: 0 2%;
  }
}

.mfp-content {
  text-align: center;
}

.pass-pop-box {
  width: 400px;
}

.pass-pop-box .pass-pop-head {
  position: relative;
  padding: 10px;
  background-color: #e3444f;
  border: solid 1px #e3444f;
  color: #fff;
}

.pass-pop-box .pass-pop-content {
  padding: 20px 10px 20px 10px;
  background-color: #fff;
  border: solid 1px #e3444f;
}

.pass-pop-box .btn-pass-01 {
  display: inline-block;
  padding: 4px 25px;
  color: #fff;
  background-color: #151515;
  border-radius: 5px;
  font-size: 15px;
}

.wrapper header {
  position: relative;
}

.grapht_box .circle-info-half {
  line-height: 1.5 !important;
}

.grapht_box .dounet_con {
  position: relative;
  display: inline-block;
}

.circliful {
  position: relative;
  display: inline-block;
}

.circle-text, .circle-info, .circle-text-half, .circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
}

.circle-info, .circle-info-half {
  color: #999;
}

.circliful .fa {
  margin: -10px 3px 0 3px;
  position: relative;
  bottom: 4px;
}

.layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.layer .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.layer .pop-layer {
  display: block;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 500px;
  min-width: 320px;
  height: auto;
  background-color: #fff;
  border: 5px solid #3571B5;
  z-index: 10;
}

.pop-layer .pop-container {
  padding: 20px 25px;
}

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  border-top: 1px solid #DDD;
  text-align: right;
}

a.cbtn {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  border: 1px solid #304a8a;
  background-color: #3f5a9d;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
}

a.cbtn:hover {
  border: 1px solid #091940;
  background-color: #1f326a;
  color: #fff;
}

@media (max-width: 768px) {
  .pop-layer {
    width: 98%;
    margin: 0 1%;
    box-sizing: border-box;
  }
}

.c3 svg {
  font: 10px sans-serif;
  -webkit-tap-highlight-color: transparent;
}

.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

.c3-line {
  stroke-width: 1px;
}

.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 0.75;
}

.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

.c3-region {
  fill: steelblue;
  fill-opacity: .1;
}

.c3-brush .extent {
  fill-opacity: .1;
}

.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

.c3-title {
  font: 14px sans-serif;
}

.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max, .c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
}

.bx-wrapper {
  margin: 0 auto;
}

.bx-wrapper .bx-controls .bx-has-controls-auto .bx-pager {
  width: 100%;
}

.bx-wrapper .bx-viewport {
  border: none !important;
  box-shadow: none !important;
  left: 0;
  background: transparent !important;
}

.bx-wrapper .bx-pager {
  bottom: 30px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}

.bx-wrapper .bx-controls-direction a {
  margin-top: -21px;
  width: 21px;
  height: 53px;
  z-index: 10;
}

.bx-wrapper .bx-controls-direction .bx-prev {
  left: 0;
  background: url(/templates/images/main/btn_left.png) no-repeat 0 0;
}

.bx-wrapper .bx-controls-direction .bx-next {
  right: 0;
  background: url(/templates/images/main/btn_right.png) no-repeat 0 0;
}

.b_box {
  box-sizing: border-box;
}

.container, .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row_0 {
  margin-right: 0;
  margin-left: 0;
}

.row_0 > li, .row_0 > div {
  padding-right: 0;
  padding-left: 0;
  box-sizing: border-box;
}

.row_5 > li, .row_5 > div, .row_5 > form, .row_5 > dl {
  padding-right: 5px;
  padding-left: 5px;
  box-sizing: border-box;
}

.row_10 {
  margin-right: -10px;
  margin-left: -10px;
}

.row_10 > li, .row_10 > div {
  padding-right: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

.row_20 {
  margin-right: -20px;
  margin-left: -20px;
}

.row_20 > li, .row_20 > div {
  padding-right: 20px;
  padding-left: 20px;
  box-sizing: border-box;
}

.row_30 {
  margin-right: -30px;
  margin-left: -30px;
}

.row_30 > li, .row_30 > div {
  padding-right: 30px;
  padding-left: 30px;
  box-sizing: border-box;
}

.row_5 {
  margin-right: -5px;
  margin-left: -5px;
}

.col-lg-1, .col-lg-1-5.col-lg-10, .col-lg-10-5, .col-lg-11, .col-lg-11-5, .col-lg-12, .col-lg-15, .col-lg-2, .col-lg-2-5, .col-lg-3, .col-lg-3-5, .col-lg-4, .col-lg-4-5, .col-lg-5, .col-lg-5-5, .col-lg-6, .col-lg-6-5, .col-lg-7, .col-lg-7-5, .col-lg-8, .col-lg-8-5, .col-lg-9, .col-lg-9-5, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-15, .col-sm-15, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-15, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before {
  display: table;
  content: " ";
}

.btn-toolbar:after, .btn-toolbar:before {
  display: table;
  content: " ";
}

.clearfix:after, .clearfix:before {
  display: table;
  content: " ";
}

.container-fluid:after, .container-fluid:before {
  display: table;
  content: " ";
}

.container:after, .container:before {
  display: table;
  content: " ";
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
  display: table;
  content: " ";
}

.form-horizontal .form-group:after, .form-horizontal .form-group:before {
  display: table;
  content: " ";
}

.modal-footer:after, .modal-footer:before {
  display: table;
  content: " ";
}

.nav:after, .nav:before {
  display: table;
  content: " ";
}

.navbar-collapse:after, .navbar-collapse:before {
  display: table;
  content: " ";
}

.navbar-header:after, .navbar-header:before {
  display: table;
  content: " ";
}

.navbar:after, .navbar:before {
  display: table;
  content: " ";
}

.pager:after, .pager:before {
  display: table;
  content: " ";
}

.panel-body:after, .panel-body:before {
  display: table;
  content: " ";
}

.row:after, .row:before {
  display: table;
  content: " ";
}

.btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
  clear: both;
}

.progress {
  height: 20px;
  overflow: hidden;
  border: 1px solid #c82f43;
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #c82f43;
}

.progress-bar-xs {
  height: 5px !important;
}

.tbl_tit_des {
  display: table;
  width: 100%;
}

.tbl_tit_des span:first-child, .tbl_tit_des span.tit {
  float: left;
  width: 50px;
}

.tbl_tit_des div:first-child, .tbl_tit_des div.tit {
  float: left;
  width: 50px;
}

.tbl_tit_des span:last-child, .tbl_tit_des span.des {
  display: table-cell;
  width: 100%;
}

.tbl_tit_des div:last-child, .tbl_tit_des div.des {
  display: table-cell;
  width: 100%;
}

.mCustomScrollBox {
  height: auto !important;
}

.scroll-con-y .mCustomScrollBox {
  height: 100% !important;
}

.slick-prev:before, .slick-next:before {
  display: none;
}

/* ==== Slider Image Transition === */
/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before {
  display: table;
  content: '';
}

.slick-track:after {
  display: table;
  content: '';
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/*툴팁 */
.btn_tooltip {
  cursor: pointer;
}

.tooltipster-default {
  padding: 5px 5px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 10px;
}

.tooltipster-default .tooltipster-content {
  font-size: 13px;
  padding: 10px;
  line-height: 1.5;
  overflow: hidden;
}

.tooltipster-default .tooltipster-content a {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
}

.tooltipster-default .tooltipster-content a:hover {
  text-decoration: underline !important;
}

.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* Use this next selector to style things like font-size and line-height: */
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-content .tooltip_close {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border: 2px solid #444;
  background: #444;
  border-radius: 50%;
  position: absolute;
  font-size: 16px;
  color: #fff;
  top: -7px;
  right: -4px;
  cursor: pointer;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .tooltipster-content .tooltip_close {
    display: none;
  }
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -8px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -8px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -8px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -8px;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -8px;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* CSS transition for when contenting is changing in a tooltip that is still open */
.tooltipster-content-changing {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

/*mCustomScrollbar*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #666 !important;
  -webkit-filter: none;
          filter: none;
  -ms-filter: none;
}

/*스크롤배경 */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #f6f6f6 !important;
}

/*메인 서브*/
/* // 메인   ---------------------------------------------------------------*/
body {
  overflow-x: hidden;
}

@media screen and (max-width: 1024px) {
  body {
    font-size: 15px;
  }
}

@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

.wrapper {
  margin: 0 auto;
  max-width: 1320px;
  min-width: 320px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 40px;
}

@media screen and (max-width: 1024px) {
  .wrapper {
    padding: 0 15px;
  }
}

.wrapper._lg {
  max-width: 1920px;
}

.wrapper._m {
  max-width: 1600px;
}

.home {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.home.fixed {
  height: 100% !important;
  overflow: visible !important;
  position: fixed !important;
  width: 100% !important;
}

.main_visual_sec {
  position: relative;
}

.main_visual_sec .slide_count_wrap {
  position: absolute;
  top: 20%;
  right: 17px;
  color: #222;
}

@media screen and (max-width: 1024px) {
  .main_visual_sec .slide_count_wrap {
    display: none;
  }
}

.main_visual_sec .slide_count_wrap:after {
  content: '';
  position: absolute;
  top: 2em;
  height: 100px;
  border-left: 1px solid #222;
  left: 50%;
}

#main_slider .slick-prev,
#main_slider .slick-next {
  display: block;
  font-size: 0;
  width: 100px;
  height: 100px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

@media screen and (max-width: 1024px) {
  #main_slider .slick-prev,
  #main_slider .slick-next {
    width: 30px;
    height: 30px;
    background-size: 30px auto;
  }
}

#main_slider .slick-prev {
  left: 3%;
  background-image: url(/templates/images/main/btn_left.png);
  z-index: 1;
}

#main_slider .slick-next {
  right: 3%;
  background-image: url(/templates/images/main/btn_right.png);
}

#main_slider .slick-dots li {
  margin: 10px 0;
  display: block;
}

#main_slider .slick-dots li button {
  background: rgba(0, 0, 0, 0.5);
  width: 20px;
  height: 2px;
}

#main_slider .slick-dots li.slick-active button {
  background: #222;
}

#main_slider .slick_li {
  position: relative;
}

#main_slider .slick_li .img_bx {
  background-repeat: no-repeat;
  background-position: center 0;
  height: 1000px;
  background-size: cover;
}

#main_slider .slick_li .m_img_bx {
  display: none;
}

@media screen and (max-width: 1024px) {
  #main_slider .slick_li .img_bx {
    display: none;
  }
  #main_slider .slick_li .m_img_bx {
    display: block;
  }
}

#main_slider .slick_li.slick-active {
  /* .t_02,*/
  /* .t_03,*/
  /* .t_01 {*/
  /*   .ani_txt {*/
  /*     animation: fadeInUp 0.8s both 1.0s;*/
  /*   }*/
  /* }*/
  /* .t_01 {*/
  /*   .ani_txt {*/
  /*     animation-delay: 0.8s;*/
  /*   }*/
  /* }*/
  /* .t_02 {*/
  /*   .ani_txt {*/
  /*     animation-delay: 1.0s;*/
  /*   }*/
  /* }*/
  /* .t_03 {*/
  /*   .ani_txt {*/
  /*     animation-delay: 1.0s;*/
  /*   }*/
  /* }*/
}

.main_menu_sec,
.main_sns_sec,
.main_notice_sec {
  padding: 80px 0;
}

@media screen and (max-width: 1024px) {
  .main_menu_sec,
  .main_sns_sec,
  .main_notice_sec {
    padding: 60px 0;
  }
}

.main_menu_sec .tit_bx {
  float: left;
  width: 40%;
}

@media screen and (max-width: 1024px) {
  .main_menu_sec .tit_bx {
    float: none;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
  }
}

.main_menu_sec .tit_bx .tit {
  color: #000;
  font-family: "BMEULJIRO_k", "notokr";
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: 1px;
}

.main_menu_sec .tit_bx .tit {
  font-size: 36px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .main_menu_sec .tit_bx .tit {
    font-size: calc(36px + 79 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .main_menu_sec .tit_bx .tit { font-size: 72px; }
}

.main_menu_sec .tit_bx .st {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -4px;
  font-family: "BMEULJIRO_k", "notokr";
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .main_menu_sec .tit_bx .st {
    letter-spacing: 0;
  }
}

.main_menu_sec .tit_bx .des {
  font-size: 1.17647em;
}

.main_menu_sec .tit_btx {
    float: none;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.main_menu_sec .tit_btx .tit {
  color: #000;
  font-family: "BMEULJIRO_k", "notokr";
  font-weight: 500;
  line-height: 1.0;
  letter-spacing: 1px;
}

.main_menu_sec .tit_btx .tit {
  font-size: 36px;
  margin-bottom: 15px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .main_menu_sec .tit_btx .tit {
    font-size: calc(36px + 79 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .main_menu_sec .tit_btx .tit { font-size: 72px; }
}

.main_menu_sec .tit_btx .st {
  font-size: 24px;
  font-weight: 500;
/*   letter-spacing: -4px; */
  font-family: "BMEULJIRO_k", "notokr";
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .main_menu_sec .tit_btx .st {
    letter-spacing: 0;
  }
}

.main_menu_sec .tit_btx .des {
  font-size: 1.17647em;
  line-height: 2em;
}

.main_menu_sec .tit_bx .btn_more {
  background: #e50314;
  display: inline-block;
  margin-top: 40px;
  width: 250px;
  height: 70px;
  line-height: 70px;
  border-radius: 70px;
  text-align: center;
  font-family: "BMEULJIRO_k", "notokr";
  color: #fff;
  font-size: 1.11765em;
}

.main_menu_sec .tit_bx .btn_more:hover {
  -webkit-animation: pulse 0.4s;
  animation: pulse 0.4s;
}

@media screen and (max-width: 1024px) {
  .main_menu_sec .tit_bx .btn_more {
    margin-top: 20px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
  }
}

.main_menu_sec .menu_slider {
  float: right;
  width: 60%;
}

.main_menu_sec .menu_slider .slick_li {
  float: left;
  width: 50%;
  margin: 5px 0;
  box-sizing: border-box;
  padding: 0 5px;
  text-align: center;
}

.main_menu_sec .menu_slider .slick_li .img_bx {
  overflow: hidden;
}

.main_menu_sec .menu_slider .slick_li .img_bx:hover img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

.main_menu_sec .menu_slider .slick_li .video_wrap {
  overflow: hidden;
  position: relative;
  padding-top: 65.81633%;
}

.main_menu_sec .menu_slider .slick_li .video_wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  overflow: hidden;
}

.main_menu_sec .menu_slider .slick_li img {
  display: inline-block;
  width: 100%;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.main_menu_sec .menu_slider .slick-dots {
  position: static;
  margin-top: 20px;
}

.main_menu_sec .menu_slider .slick-dots li {
  margin: 10px 5px;
}

.main_menu_sec .menu_slider .slick-dots li button {
  background: rgba(0, 0, 0, 0.5);
  width: 8px;
  height: 8px;
  border-radius: 8px;
}

.main_menu_sec .menu_slider .slick-dots li.slick-active button {
  background: #e61e25;
}

@media screen and (max-width: 1024px) {
  .main_menu_sec .menu_slider {
    float: none;
    width: 100%;
  }
  .main_menu_sec .menu_slider .slick_li {
    margin: 0;
  }
}

.act_txt { color: #e50314; }

.main_fcz_sec .fcz_wrapper {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
}

.main_fcz_sec .right_bx {
  float: right;
  width: 39%;
  z-index: 3;
}

.main_fcz_sec .right_bx .img_bx {
  position: relative;
  overflow: hidden;
}

.main_fcz_sec .right_bx .img_bx .img_src {
  padding-top: 102.39362%;
  display: block;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .right_bx .img_bx .img_src {
    padding-top: 0;
    padding: 30px 0;
  }
}

.main_fcz_sec .right_bx .fcz_txt_bx {
  position: absolute;
  top: 50%;
  left: 15%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  color: #fff;
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx {
  margin-bottom: 20px;
  font-family: "BMEULJIRO", "notokr";
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .top_st {
  font-weight: 500;
  font-size: 1.11765em;
  margin-bottom: 10px;
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .tit {
  line-height: 1.2;
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .tit {
  font-size: 34px;
}

@media (min-width: 480px) and (max-width: 1920px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .tit {
    font-size: calc(34px + 26 * (100vw - 480px) / 1440);
  }
}

@media (min-width: 1920px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .tit { font-size: 48px; font-family: 'BMEULJIRO_K'; }
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .st {
  color: #fff700;
}

.main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .st {
  font-size: 18px;
}

@media (min-width: 480px) and (max-width: 1920px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .st { font-size: calc(18px + 24 * (52vw - 480px) / 1440); }
}

@media (min-width: 1920px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .tit_bx .st { font-size: 24px; font-family: 'BMEULJIRO_K'; }
}

.main_fcz_sec .right_bx .fcz_txt_bx .des {
  font-size: 1.17647em;
}

.main_fcz_sec .right_bx .fcz_txt_bx .des p {
  padding-bottom: 0.5em;
}

.main_fcz_sec .right_bx .fcz_txt_bx .btn_more {
  background: #222;
  display: inline-block;
  width: 250px;
  height: 70px;
  line-height: 70px;
  border-radius: 70px;
  text-align: center;
  font-family: "BMEULJIRO_k", "notokr";
  margin-top: 40px;
  color: #fff;
  font-size: 1.11765em;
}
.main_fcz_sec .right_bx .fcz_txt_bx .btn_more:hover { background:#e50314; }

@media all and (max-width: 1720px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .btn_more {
    margin-top: 20px;
  }
}

.main_fcz_sec .right_bx .fcz_txt_bx .btn_more:hover {
  -webkit-animation: pulse 0.4s;
  animation: pulse 0.4s;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .right_bx .fcz_txt_bx .btn_more {
    margin-top: 20px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
  }
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .right_bx {
    float: none;
    width: 100%;
    text-align: center;
  }
  .main_fcz_sec .right_bx .fcz_txt_bx {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
  }


}

.main_fcz_sec .left_bx {
  float: left;
  width: 61%;
  position: relative;
}

.main_fcz_sec .left_bx .gif_view_slider .slick-prev,
.main_fcz_sec .left_bx .gif_view_slider .slick-next {
  width: 30px;
  height: 60px;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_view_slider .slick-prev,
  .main_fcz_sec .left_bx .gif_view_slider .slick-next {
    width: 20px;
    height: 40px;
    background-size: 20px auto;
  }
}

.main_fcz_sec .left_bx .gif_view_slider .slick-prev {
  left: 3%;
  background-image: url(/templates/images/main/btn_left_2.png);
  z-index: 1;
}

.main_fcz_sec .left_bx .gif_view_slider .slick-next {
  right: 3%;
  background-image: url(/templates/images/main/btn_right_2.png);
}

.main_fcz_sec .left_bx .gif_view_slider .slick_li .img_bx {
  overflow: hidden;
  /* @include img_bx(1168,770);*/
}

.main_fcz_sec .left_bx .gif_view_slider .slick_li .img_bx .video_wrap {
  overflow: hidden;
  position: relative;
  padding-top: 65.49658%;
}

.main_fcz_sec .left_bx .gif_view_slider .slick_li .img_bx .video_wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  overflow: hidden;
}

.main_fcz_sec .left_bx .line_motion {
  position: absolute;
  bottom: 94px;
  left: 0;
  width: 100%;
  border-top: 1px solid #fff;
  z-index: 0;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .line_motion {
    border-color: #222;
    bottom: 16px;
    z-index: -1;
  }
}

.main_fcz_sec .left_bx .gif_nav_slider {
  position: absolute;
  bottom: 80px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_nav_slider {
    padding: 0 10px;
  }
}

.main_fcz_sec .left_bx .gif_nav_slider .slick_li {
  position: relative;
  height: 100px;
  padding-bottom: 40px;
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_nav_slider .slick_li {
    padding-bottom: 20px;
    height: 80px; /*현담윤 수정*/
  }
}

.main_fcz_sec .left_bx .gif_nav_slider .slick_li:before {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 10px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -10px;
  z-index: 10;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_nav_slider .slick_li:before {
    background: #000;
  }
}

.main_fcz_sec .left_bx .gif_nav_slider .slick_li .txt_bx {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 1.17647em;
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), 0 0 25px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2);
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
  margin-top: -20px;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_nav_slider .slick_li .txt_bx {
    color: #666;
    font-size: 14px;
    text-shadow: none;
  }
}

.main_fcz_sec .left_bx .gif_nav_slider .slick_li.slick-current .txt_bx {
  font-size: 1.47059em;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx .gif_nav_slider .slick_li.slick-current .txt_bx {
    color: #222;
    font-size: 16px;
  }
}

.main_fcz_sec .left_bx .gif_nav_slider .slick_li.slick-current:before {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
      transform: scale(1.5);
  background: rgb(79,183,106);
  bottom: 11px;
  box-shadow: 0 0 0 4px rgba(79,183,106, 0.4), 0 0 5px rgba(79,183,106, 0.4), inset 0 1px 0 rgba(79,183,106, 0.2);
}

.notice_box_x { margin:40px auto 40px auto; }
@media screen and (max-width: 1024px) {
  .main_fcz_sec .left_bx {
    float: none;
    width: 100%;
  }
  .main_fcz_sec .left_bx .gif_nav_slider {
    position: static;
    margin-top: -40px;
  }
  .notice_box_x { margin:20px auto 40px auto; }
}

.main_sns_sec .tit_bx {
  text-align: center;
  margin-bottom: 20px;
}

.main_sns_sec .tit_bx i,
.main_sns_sec .tit_bx h2 {
  display: inline-block;
  vertical-align: middle;
}

.main_sns_sec .tit_bx h2 {
  margin-left: 20px;
  color: #e61e25;
  font-family: "BMEULJIRO", "notokr";
}

.main_sns_sec .tit_bx h2 {
  font-size: 36px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .main_sns_sec .tit_bx h2 {
    font-size: calc(36px + 24 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .main_sns_sec .tit_bx h2 {
    font-size: 60px;
  }
}

@media screen and (max-width: 768px) {
  .main_sns_sec .tit_bx img {
    width: 25px;
  }
}

.main_sns_sec .sns_slider .slick-dots {
  position: static;
  margin-top: 20px;
}

.main_sns_sec .sns_slider .slick-dots li {
  margin: 10px 5px;
}

.main_sns_sec .sns_slider .slick-dots li button {
  background: rgba(0, 0, 0, 0.5);
  width: 8px;
  height: 8px;
  border-radius: 8px;
}

.main_sns_sec .sns_slider .slick-dots li.slick-active button {
  background: #e61e25;
}

.main_sns_sec .sns_slider .slick_li {
  padding: 0 5px;
}

.main_sns_sec .sns_slider .slick_li a {
  display: block;
  padding-top: 40px;
  position: relative;
}

.main_sns_sec .sns_slider .slick_li a i {
  position: absolute;
  top: 5px;
  border: 7px solid #fff;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  border-radius: 50%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .main_sns_sec .sns_slider .slick_li a i img {
    width: 50px;
  }
}

.main_sns_sec .sns_slider .slick_li a:hover .img_bx .img_src {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

@media screen and (max-width: 1024px) {
  .main_sns_sec .sns_slider .slick_li a:hover .img_bx .img_src {
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
  }
}

.main_sns_sec .sns_slider .slick_li .img_bx {
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}

.main_sns_sec .sns_slider .slick_li .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 93.93939%;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.main_sns_sec .sns_slider .slick_li .txt_bx {
  padding: 30px 10px;
  background: #fff;
  text-align: center;
  color: #222;
  font-size: 1.05882em;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 0 0 30px 30px;
}

@media screen and (max-width: 768px) {
  .main_sns_sec .sns_slider .slick_li .txt_bx {
    padding: 20px 10px;
  }
}

.main_sns_sec .sns_slider .slick_li .txt_bx p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

/*공통 아웃 라인 제거*/
* {
  outline: none !important;
}

.main_notice_sec {
  background: #f5f5f5;
}

.main_notice_sec .tit_bx {
  text-align: center;
  margin-bottom: 30px;
}

.main_notice_sec .tit_bx h2 {
  color: #000;
  font-family: "BMEULJIRO_k", "notokr";
}

.main_notice_sec .tit_bx h2 {
  font-size: 36px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .main_notice_sec .tit_bx h2 {
    font-size: calc(36px + 24 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .main_notice_sec .tit_bx h2 {
    font-size: 60px;
  }
}

@media screen and (max-width: 768px) {
  .main_notice_sec .tit_bx {
    margin-bottom: 20px;
  }
}

.main_notice_sec .more_bx {
  text-align: center;
  margin-top: 30px;
}

.main_notice_sec .more_bx a {
  display: inline-block;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.main_notice_sec .more_bx a:hover {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.main_notice_sec .notice_list .board_bx a {
  border: 1px solid #ddd;
  display: block;
}

.main_notice_sec .notice_list .board_bx a:hover .img_bx .img_src {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

.main_notice_sec .notice_list .board_bx a .img_bx {
  overflow: hidden;
}

.main_notice_sec .notice_list .board_bx a .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50.6135%;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.main_notice_sec .notice_list .board_bx a .txt_bx {
  padding: 30px 30px;
  text-align: center;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .main_notice_sec .notice_list .board_bx a .txt_bx {
    padding: 20px 10px;
  }
}

.main_notice_sec .notice_list .board_bx a .txt_bx .tit {
  color: #000;
  margin-bottom: 10px;
  font-size: 1.05882em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

#footer {
  background: #252525;
}

#footer .footer_sec_bot {
  padding: 0px 0;
  position: relative;
}

@media screen and (max-width: 1024px) {
  #footer .footer_sec_bot {
    padding: 20px 0;
  }
}

#footer .snsgroup {
  position: absolute;
  top: 120px;
  right: 0;
}

@media screen and (max-width: 1024px) {
  #footer .snsgroup {
    position: static;
    margin-bottom: 10px;
    text-align: center;
  }
}

#footer .snsgroup a {
  display: inline-block;
  margin-left: 20px;
  padding: 0 5px;
}

#footer .snsgroup a:first-child {
  margin-left: 0;
}

#footer .logo_group {
  position: absolute;
  top: 50px;
  right: 40px;
  text-align: right;
  max-width: 540px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 1320px) {
  #footer .logo_group {
    max-width: 350px;
  }
}

@media screen and (max-width: 1024px) {
  #footer .logo_group {
    position: static;
    text-align: center;
    margin-top: 20px;
  }
}

#footer .logo_group .about_time {
  color: #ddd;
}

#footer .logo_group .about_time span {
  padding: 0 10px;
  position: relative;
  display: inline-block;
}

#footer .logo_group .about_time span:before {
  content: '';
  border-left: 1px solid #aaa;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -1px;
  margin-top: -5px;
}

#footer .logo_group .about_time span:first-child {
  padding-left: 0;
}

#footer .logo_group .about_time span:first-child:before {
  display: none;
}

#footer .logo_group a {
  text-align: center;
  box-sizing: border-box;
}

#footer .logo_group a img {
  vertical-align: middle;
}

@media screen and (max-width: 1320px) {
  #footer .logo_group a {
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
}

#footer .logo_group a .heading {
  font-size: 0.9em;
}

#footer .address_bx {
  font-size: 0.88235em;
  color: #838383;
}

#footer .address_bx a {
  color: #d7d7d7;
}

#footer .address_bx .bar_span span {
  padding: 0 10px;
  position: relative;
  display: inline-block;
}

#footer .address_bx .bar_span span:before {
  content: '';
  border-left: 1px solid #aaa;
  height: 10px;
  position: absolute;
  top: 50%;
  left: -1px;
  margin-top: -5px;
}

#footer .address_bx .bar_span span:first-child {
  padding-left: 0;
}

#footer .address_bx .bar_span span:first-child:before {
  display: none;
}

#footer .address_bx .bar_span span:before {
  border-color: #666;
}

@media screen and (max-width: 1024px) {
  #footer .address_bx { padding-left: 0; }
  #footer .address_bx .bar_span span:last-child { padding: 0; display: block; }
  #footer .address_bx .bar_span span:last-child:before { display: none; }
}

#footer .address_bx .company { margin-bottom: 0.5em; font-weight: 500; font-size: 16px; color: #939393; }


#footer .address_bx .copy_t { margin-top: 1em; }

@media screen and (max-width: 1024px) {
  #footer { text-align: center; }
}

@-webkit-keyframes animatedgradient {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

@keyframes animatedgradient {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

.text {
  /*background: linear-gradient(left, #deedcc, #aee2f7);*/
  /*background: -moz-linear-gradient(left, #deedcc, #aee2f7);*/
  /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#deedcc, endColorstr=#aee2f7);*/
  /*height: 200px;*/
  /*background: linear-gradient(-45deg, #deedcc, #aee2f7, #f1d1e8, #efb6cf);*/
  /*background-size: 400% 400%;*/
  /* // animation: animatedgradient 15s ease infinite;*/
  /*  animation: animatedgradient 15s ease infinite;*/
}

.mouse_i {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 100;
  top: 50%;
  left: 50%;
  margin: 0 50px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* //팝업  ---------------------------------------------------------------*/
/* 공통 모달*/
.layer_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10000;
  display: block;
}

.layer_container .dis_tbl {
  display: table;
  width: 100%;
}

.layer_container .dis_tbl .dis_cel {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  margin-top: 100px;
}

.layer_container .modal_inner {
  min-width: 240px;
  background: none;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  background: #fff;
  max-height: initial;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .layer_container .modal_inner {
    margin: 0 2%;
    width: 96%;
  }
}

.layer_container .modal_inner .popup_foot {
  text-align: center;
}

.layer_container .modal_inner .popup_foot .check_area {
  position: absolute;
  top: 0;
  right: 110px;
  font-size: 18px;
  color: #fff;
  height: 40px;
  background: #000;
  line-height: 40px;
  z-index: 10;
}

.layer_container .modal_inner .popup_foot .top_close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 22px;
  color: #fff;
  width: 110px;
  height: 40px;
  background: #000;
  z-index: 10;
}

.layer_container .modal_inner .popup_foot .tit {
  color: #fff;
  font-size: 23px;
}

@media screen and (max-width: 1024px) {
  .layer_container .modal_inner .popup_foot {
    background: #000;
    zoom: 1;
  }
  .layer_container .modal_inner .popup_foot:before {
    content: '';
    display: block;
  }
  .layer_container .modal_inner .popup_foot:after {
    content: '';
    display: table;
    clear: both;
  }
  .layer_container .modal_inner .popup_foot .check_area, .layer_container .modal_inner .popup_foot .top_close {
    position: static;
  }
  .layer_container .modal_inner .popup_foot .check_area {
    float: left;
  }
  .layer_container .modal_inner .popup_foot .top_close {
    float: right;
  }
}

.layer_container .modal_inner .popup_body .video_wrap {
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
}

.layer_container .modal_inner .popup_body .video_wrap video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: 100%;
  overflow: hidden;
}

/* // 서브   ---------------------------------------------------------------*/
/*서브 비주얼*/
.sub_visual_wrap {
  position: relative;
  overflow: hidden;
  height: 560px;
  vertical-align: middle;
  background-size: cover;
  background-position: center 0;
}

@media screen and (max-width: 1024px) {
  .sub_visual_wrap {
    height: 350px;
  }
}

@media screen and (max-width: 768px) {
  .sub_visual_wrap {
    height: 200px;
  }
}

.sub_visual_wrap .dis_tbl {
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.sub_visual_wrap .dis_tbl .txt_bx .visual_tit {
  margin-top: 70px;
}

@media screen and (max-width: 1024px) {
  .sub_visual_wrap .dis_tbl .txt_bx .visual_tit img {
    height: 160px;
    width: auto;
  }
}

@media screen and (max-width: 768px) {
  .sub_visual_wrap .dis_tbl .txt_bx .visual_tit img {
    height: 100px;
    width: auto;
  }
}

.sub_con {
  min-height: 500px;
}

.sub_con .txt_b {
  font-weight: 500;
}

.sub_con .txt_line {
  text-decoration: underline;
  font-weight: 500;
}

.sub_con .active { color: #e61e25; }

.sub_con .txt_bk {
  font-weight: 500;
  color: #222;
}

.sub_con .txt_mt {
  margin-top: 30px;
}

.sub_con .part_mt {
  margin-top: 50px;
}

.sub_menu_wrap {
  margin-top: -70px;
}

.sub_menu_wrap.fixed {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 5;
  margin-top: 0;
}

@media screen and (max-width: 1024px) {
  .sub_menu_wrap {
    margin-top: 0;
  }
}

.sub_menu_wrap .wrapper {
  padding: 0;
  padding-left: 70px;
}

@media screen and (max-width: 1024px) {
  .sub_menu_wrap .wrapper {
    padding-left: 40px;
  }
}

.sub_menu_wrap .wrapper .btn_home {
  display: block;
  width: 70px;
  height: 70px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ddd;
  font-size: 1.17647em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1024px) {
  .sub_menu_wrap .wrapper .btn_home {
    width: 40px;
    height: 40px;
  }
}

.sub_menu_wrap ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.sub_menu_wrap ul li {
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.sub_menu_wrap ul li a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 70px;
  height: 70px;
  border: 1px solid #ddd;
  margin-left: -1px;
  font-size: 1.17647em;
  width: 100%;
  background: #fff;
  color: #222;
  text-align: center;
  line-height: 18px;
}

.sub_menu_wrap ul li a.on {
  background: #e61e25;
  color: #fff;
  border-color: #e61e25;
}

@media screen and (max-width: 1024px) {
  .sub_menu_wrap ul li a {
    height: 40px;
  }
}

.sub_con .sub_header {
  text-align: center;
  padding: 50px 0 60px;
  background:#fff;
}

.sub_con .sub_header .st {
  font-size: 1.05882em;
  margin-top: 1em;
}

.sub_con .sub_header h1 {
  color: #222;
  font-family: "BMEULJIRO_k", "notokr";
/* padding-left: 55px; */
  /*background: url("/templates/images/sub/sv_tit_i.png") no-repeat 0 center;*/
  display: inline-block;
}

.sub_con .sub_header h1 {
  font-size: 26px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .sub_con .sub_header h1 {
    font-size: calc(26px + 24 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .sub_con .sub_header h1 {
    font-size: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sub_con .sub_header h1 {
    background-size: 30px auto;
/*     padding-left: 40px; */
  }
}

@media screen and (max-width: 1024px) {
  .sub_con .sub_header {
    padding: 25px 0 15px;
  }
}

.sub_con .common_sec {
  padding: 100px 0;
}

.sub_con .common_sec._bg {
  background: #f5f5f5;
}

.sub_con .common_sec .sec_tit {
  font-family: "BMEULJIRO", "notokr";
  font-weight: 500;
  color: #222;
  margin-bottom: 20px;
  text-align: center;
}

.sub_con .common_sec .sec_tit {
  font-size: 20px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .sub_con .common_sec .sec_tit {
    font-size: calc(20px + 16 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .sub_con .common_sec .sec_tit {
    font-size: 36px;
  }
}

@media screen and (max-width: 1024px) {
  .sub_con .common_sec .sec_tit {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 1024px) {
  .sub_con .common_sec {
    padding: 60px 0;
  }
}

@media screen and (max-width: 768px) {
  .sub_con .common_sec {
    padding: 40px 0;
  }
}

.sub_con .common_sec .terms_area {
  border: 1px solid #ddd;
  padding: 40px;
}

@media screen and (max-width: 1024px) {
  .sub_con .common_sec .terms_area {
    padding: 20px;
  }
}

.brand_logo_sec {
  background: #201a1c;
  height: 500px;
  text-align: center;
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1024px) {
  .brand_logo_sec {
    height: auto;
    padding: 100px;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .brand_logo_sec {
    height: auto;
    padding: 40px;
  }
}

.brand_info_sec {
  max-width: 1920px;
  margin: 0 auto;
  box-sizing: border-box;
}

@media screen and (max-width: 1500px) {
  .brand_info_sec {
    max-width: 1000px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.brand_info_sec .left_bx,
.brand_info_sec .right_bx {
  float: left;
  width: 50%;
  zoom: 1;
}

.brand_info_sec .left_bx:before,
.brand_info_sec .right_bx:before {
  content: '';
  display: block;
}

.brand_info_sec .left_bx:after,
.brand_info_sec .right_bx:after {
  content: '';
  display: table;
  clear: both;
}

.brand_info_sec .left_bx .slider_wrap,
.brand_info_sec .right_bx .slider_wrap {
  float: left;
  width: 60%;
  max-width: 545px;
  box-sizing: border-box;
}

.brand_info_sec .left_bx .slider_wrap .slick-dots,
.brand_info_sec .right_bx .slider_wrap .slick-dots {
  bottom: 20px;
}

.brand_info_sec .left_bx .slider_wrap .slick-dots li,
.brand_info_sec .right_bx .slider_wrap .slick-dots li {
  margin: 10px 5px;
}

.brand_info_sec .left_bx .slider_wrap .slick-dots li button,
.brand_info_sec .right_bx .slider_wrap .slick-dots li button {
  background: white;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.brand_info_sec .left_bx .slider_wrap .slick-dots li.slick-active button,
.brand_info_sec .right_bx .slider_wrap .slick-dots li.slick-active button {
  background: #e61e25;
}

.brand_info_sec .left_bx .about_brand_bx,
.brand_info_sec .right_bx .about_brand_bx {
  float: left;
  width: 40%;
  text-align: center;
  box-sizing: border-box;
  padding: 5%;
}

.brand_info_sec .left_bx .about_brand_bx._yang,
.brand_info_sec .right_bx .about_brand_bx._yang {
  line-height: 1.8;
}

.brand_info_sec .left_bx .about_brand_bx .logo_t,
.brand_info_sec .right_bx .about_brand_bx .logo_t {
  margin-bottom: 1em;
}

.brand_info_sec .left_bx .about_brand_bx .active2,
.brand_info_sec .right_bx .about_brand_bx .active2 {
  color: #22295e;
}

@media screen and (max-width: 1500px) {
  .brand_info_sec .left_bx,
  .brand_info_sec .right_bx {
    float: none;
    width: 100%;
  }
  .brand_info_sec .left_bx .slider_wrap,
  .brand_info_sec .right_bx .slider_wrap {
    max-width: none;
  }
  .brand_info_sec .left_bx .slider_wrap img,
  .brand_info_sec .right_bx .slider_wrap img {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .brand_info_sec .left_bx .slider_wrap,
  .brand_info_sec .left_bx .about_brand_bx,
  .brand_info_sec .right_bx .slider_wrap,
  .brand_info_sec .right_bx .about_brand_bx {
    float: none;
    width: 100% !important;
  }
}

.brand_info_sec .right_bx .slider_wrap {
  float: right;
}

@media screen and (max-width: 768px) {
  .brand_info_sec .right_bx .slider_wrap {
    float: none;
  }
}

.since_sec .bg_bx,
.since_sec .since_bx {
  height: 460px;
  float: left;
  width: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  .since_sec .bg_bx,
  .since_sec .since_bx {
    height: 250px;
    padding: 50px;
  }
}

@media screen and (max-width: 768px) {
  .since_sec .bg_bx,
  .since_sec .since_bx {
    float: none;
    width: 100%;
    height: 200px;
  }
}

.since_sec .bg_bx {
  background-position: center 0;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .since_sec .bg_bx {
    height: 200px;
  }
}

.since_sec .since_bx {
  background: #222;
  position: relative;
}

.since_sec .since_bx .txt {
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
}

@media screen and (max-width: 1024px) {
  .since_sec .since_bx .txt img {
    width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .since_sec .since_bx .txt {
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .since_sec .since_bx .txt img {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .since_sec .since_bx {
    height: auto;
    padding: 40px 20px;
    text-align: center;
  }
}

.history_sec .right_img_bx {
  text-align: center;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .history_sec .right_img_bx {
    display: none;
  }
}

.history_sec .right_img_bx ul {
  height: 1940px;
  position: relative;
}

.history_sec .right_img_bx ul li {
  position: absolute;
}

.history_sec .right_img_bx ul li:nth-child(1) {
  top: 5%;
}

.history_sec .right_img_bx ul li:nth-child(2) {
  top: 30%;
}

.history_sec .right_img_bx ul li:nth-child(3) {
  bottom: 30%;
}

.history_sec .right_img_bx ul li:nth-child(4) {
  bottom: 5%;
}

.history_sec .left_txt_bx .history_type_b {
  margin-left: 10%;
}

@media screen and (max-width: 1024px) {
  .history_sec .left_txt_bx .history_type_b {
    margin-left: 5%;
  }
}

/*메뉴*/
#menu2 {
  margin-top: 100px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1024px) {
  #menu2 {
    margin-top: 60px;
    padding-bottom: 60px;
  }
}

.menu_sec .menu_vis_head {
  background-position: center 0;
  background-repeat: no-repeat;
  height: 340px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-family: "BMEULJIRO", "notokr";
}
.menupan_all { margin-bottom:50px; }

.menu_sec .menu_vis_head h2 {
  font-size: 2.35294em;
  color: #fff;
  margin-bottom: 0.5em;
  display: block;
  font-family: 'BMEULJIRO_K';
}

.menu_sec .menu_vis_head .des {
  font-size: 1.17647em;
  color: #fff;
}

@media screen and (max-width: 1024px) {
  .menu_sec .menu_vis_head {
    height: 200px;
    background-size: cover;
  }
}

.menu_sec .menu_list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-width: 1024px) {
  .menu_sec .menu_list {
    margin: 0;
  }
}

.menu_sec .menu_list li {
  margin: 15px 0;
}

.menu_sec .menu_list li .inner_bx {
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 100px;
}

.menu_sec .menu_list li .inner_bx .img_bx {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .menu_sec .menu_list li .inner_bx .img_bx img {
    max-width: 300px;
    width: 100%;
  }
}

.menu_sec .menu_list li .inner_bx .txt_bx {
background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9ffef+0,ffedee+100 */
background: #e9ffef; /* Old browsers */
background: -moz-linear-gradient(top,  #e0ffe8 0%,#ffe6e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e0ffe8 0%,#ffe6e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e0ffe8 0%,#ffe6e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9ffef', endColorstr='#ffedee',GradientType=0 ); /* IE6-9 */
padding: 50px 20px 180px;
border-radius: 50px;
}

@media screen and (max-width: 768px) {
  .menu_sec .menu_list li .inner_bx .txt_bx {
    padding: 20px 10px 32%;
  }
  .menu_sec .menu_list li .inner_bx .txt_bx { border-radius:20px; }
}

.menu_sec .menu_list li .inner_bx .txt_bx .heading { color: #222; font-size: 36px; font-weight: 500; margin-bottom: 0.5em; font-family: "BMEULJIRO", "notokr"; }

.menu_sec .menu_list li .inner_bx .txt_bx .price_wei .price {
  font-weight: bold;
  font-size: 24px;
  font-family: "BMEULJIRO", "notokr";
  color: #cf621c;
}

.menu_sec .menu_list li .inner_bx .txt_bx .des {
  font-size: 16px;
  margin-bottom: 0.5em;
}

.menu_sec .menu_list li .inner_bx .txt_bx .des.active {
  color: #e61e25;
}

.menu_list._meal li .inner_bx .txt_bx {
  background: #fbfaed;
}

.menu_list._meal li .inner_bx .des .active {
  color: #ceae19;
}

/*store*/
.branch_search_wrap .top_wrap {
  padding: 40px;
  margin-bottom: 40px;
  border: 1px solid #ddd;
  zoom: 1;
}

.branch_search_wrap .top_wrap:before {
  content: '';
  display: block;
}

.branch_search_wrap .top_wrap:after {
  content: '';
  display: table;
  clear: both;
}

.branch_search_wrap .top_wrap .map_search,
.branch_search_wrap .top_wrap form {
  float: left;
  text-align: center;
}

.branch_search_wrap .top_wrap .map_search {
  width: 60%;
}

.branch_search_wrap .top_wrap form {
  width: 40%;
}

.branch_search_wrap .top_wrap .map_search {
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .branch_search_wrap .top_wrap {
    padding: 20px;
    margin-bottom: 20px;
  }
  .branch_search_wrap .top_wrap .map_search {
    margin-bottom: 20px;
  }
  .branch_search_wrap .top_wrap .map_search,
  .branch_search_wrap .top_wrap form {
    float: none;
    width: 100%;
  }
  .branch_search_wrap .top_wrap form select {
    height: 40px;
    line-height: 40px;
  }
}

.branch_search_wrap .txt_search .title_bx {
  margin-bottom: 10px;
  font-size: 0.88235em;
}

.branch_search_wrap .txt_search .call_bx {
  text-align: center;
  margin-top: 50px;
  font-family: "BMEULJIRO", "notokr";
}

@media screen and (max-width: 768px) {
  .branch_search_wrap .txt_search .call_bx {
    margin-top: 30px;
  }
}

.branch_search_wrap .txt_search .call_bx .tit {
  color: #e61e25;
  font-size: 1.76471em;
}

.branch_search_wrap .txt_search .call_bx .tit {
  font-size: 20px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .branch_search_wrap .txt_search .call_bx .tit {
    font-size: calc(20px + 10 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .branch_search_wrap .txt_search .call_bx .tit {
    font-size: 30px;
  }
}

.branch_search_wrap .txt_search .call_bx .call {
  color: #222;
  letter-spacing: -2px;
  font-weight: 500;
}

.branch_search_wrap .txt_search .call_bx .call {
  font-size: 30px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .branch_search_wrap .txt_search .call_bx .call {
    font-size: calc(30px + 30 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .branch_search_wrap .txt_search .call_bx .call {
    font-size: 60px;
  }
}

.branch_search_wrap .txt_search .search_bx .tt {
  color: #222;
}

.branch_search_wrap .txt_search .input_bx {
  margin-top: 10px;
  position: relative;
}

.branch_search_wrap .txt_search .input_bx select,
.branch_search_wrap .txt_search .input_bx input,
.branch_search_wrap .txt_search .input_bx .btn {
  height: 50px;
  line-height: 50px;
}

@media screen and (max-width: 768px) {
  .branch_search_wrap .txt_search .input_bx select,
  .branch_search_wrap .txt_search .input_bx input,
  .branch_search_wrap .txt_search .input_bx .btn {
    height: 40px;
    line-height: 40px;
  }
}

.branch_search_wrap .txt_search .input_bx select,
.branch_search_wrap .txt_search .input_bx input {
  width: 100%;
}

.branch_search_wrap .txt_search .input_bx .btn {
  display: block;
  color: #fff;
  text-align: center;
  background-color: #22252c;
}

.branch_search_list .item {
  border-bottom: 1px solid #ddd;
}

.branch_search_list .item:first-child {
  border-top: 1px solid #222;
}

.branch_search_list .wrap {
  padding: 30px 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .branch_search_list .wrap {
    padding: 10px 0;
  }
}

.branch_search_list .wrap ._btn {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.branch_search_list .wrap ._btn a {
  display: block;
  width: 50px;
  line-height: 50px;
  background-color: #aeaeae;
  border-radius: 50%;
  margin: 0 auto;
  color: #fff;
  font-size: 18px;
}

.branch_search_list .wrap ._btn a:hover {
  background-color: #e61e25;
}

@media screen and (max-width: 768px) {
  .branch_search_list .wrap ._btn {
    left: 0;
  }
  .branch_search_list .wrap ._btn a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.branch_search_list .wrap ._txt {
  margin-left: 100px;
}

@media screen and (max-width: 768px) {
  .branch_search_list .wrap ._txt {
    margin-left: 60px;
  }
}

.branch_search_list .wrap ._txt .tit {
  font-size: 1.29412em;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
  font-family: "BMEULJIRO", "notokr";
}

.branch_search_list .wrap ._txt .txt {
  zoom: 1;
}

.branch_search_list .wrap ._txt .txt:before {
  content: '';
  display: block;
}

.branch_search_list .wrap ._txt .txt:after {
  content: '';
  display: table;
  clear: both;
}

.branch_search_list .wrap ._txt .txt span {
  position: relative;
  padding: 0 10px;
  float: left;
}

.branch_search_list .wrap ._txt .txt span:nth-child(1):before {
  display: none;
}

.branch_search_list .wrap ._txt .txt span:before {
  content: '';
  border-left: 1px solid #ddd;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  position: absolute;
  left: 0;
  display: block;
}

@media screen and (max-width: 768px) {
  .branch_search_list .wrap ._txt .txt span:before {
    display: none;
  }
}

/*contact*/
.consulting_top_sec {
  height: 490px;
  margin-bottom: 100px;
  position: relative;
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec {
    height: auto;
    margin-bottom: 20px;
  }
}

.consulting_top_sec:before {
  background: #e61e25;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec:before {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec {
    text-align: center;
    height: auto;
    padding: 30px 10px;
  }
}

.consulting_top_sec .left_bx,
.consulting_top_sec .right_bx {
  margin-top: 80px;
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec .left_bx,
  .consulting_top_sec .right_bx {
    margin-top: 0;
  }
}

.consulting_top_sec .left_bx p {
  margin: 20px 0;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.8;
}

.consulting_top_sec .left_bx .mark {font-size: 1.1em;font-weight: 500;color: #fff500;background: #004310; line-height: 37px; } /*201127bjm*/

.consulting_top_sec .left_bx .bot_t {
  font-size: 28px;
  color: #fff;
  line-height: 34px;
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec .left_bx {
    background: #006018;
    padding: 30px 20px 80px;
  }
}

@media screen and (max-width: 768px) {
  .consulting_top_sec .left_bx .bot_t { font-size: 18px; }
}

@media screen and (max-width: 1024px) {
  .consulting_top_sec .right_bx {
    margin-top: -60px;
  }
  .consulting_top_sec .right_bx img {
    max-width: 300px;
  }
}

.form_sec {
  margin-top: 60px;
}

.form_sec .col_w {
  width: 180px;
}

@media screen and (max-width: 1024px) {
  .form_sec {
    margin-top: 30px;
  }
  .form_sec .chk_area {
    margin: 2px 0;
    display: inline-block;
  }
  .form_sec .col_w {
    width: 80px;
  }
}

.clause_list {
  margin-top: 60px;
}

@media screen and (max-width: 1024px) {
  .clause_list {
    margin-top: 30px;
  }
}

/*상담 버튼*/
.iqy_tel_bx {
  font-family: "BMEULJIRO", "notokr";
  text-align: center;
}

.iqy_tel_bx a {
  display: inline-block;
  font-size: 3.52941em;
  color: #000;
  font-weight: 500;
  padding-left: 95px;
  background: url("/templates/images/icon/phone_i_b.png") no-repeat 0 center;
}

@media screen and (max-width: 768px) {
  .iqy_tel_bx a {
    padding-left: 60px;
    background-size: 50px auto;
    font-size: 2.94118em;
  }
}

.iqy_bx {
  margin-top: 50px;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .iqy_bx {
    margin-top: 30px;
  }
}

.iqy_bx .btn_iqy { background: #ea3240; display: inline-block; width: 300px; height: 80px; line-height: 80px; border-radius: 80px; text-align: center; font-family: "BMEULJIRO", "notokr"; border-color: #ea3240; color: #fff; font-size: 1.23529em; transition:all 0.4s; }
.iqy_bx .btn_iqy:hover { background:#fff; color:#ea3240; }


@media screen and (max-width: 1024px) {
  .iqy_bx .btn_iqy {
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
  }
}

.brand_compet_list li {
  margin: 120px 0;
  position: relative;
}

.brand_compet_list li:first-child {
  margin-top: 0;
}

.brand_compet_list li:nth-child(odd) {
  padding-left: 100px;
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li:nth-child(odd) {
    padding-left: 0;
  }
}

.brand_compet_list li:nth-child(even) {
  padding-right: 100px;
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li:nth-child(even) {
    padding-right: 0;
  }
}

.brand_compet_list li:nth-child(even) .inner_bx .txt_bx {
  margin-left: 0;
  margin-right: 50%;
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li:nth-child(even) .inner_bx .txt_bx {
    margin-right: 0;
  }
}

.brand_compet_list li:nth-child(even) .inner_bx .img_bx {
  left: auto;
  right: 0;
}

.brand_compet_list li:nth-child(even) .inner_bx .img_bx img {
  vertical-align: bottom;
}

.brand_compet_list li .inner_bx {
  border: 3px solid #e61e25;
  padding: 80px 50px 50px;
  box-sizing: border-box;
  min-height: 490px;
  zoom: 1;
}

.brand_compet_list li .inner_bx:before {
  content: '';
  display: block;
}

.brand_compet_list li .inner_bx:after {
  content: '';
  display: table;
  clear: both;
}

.brand_compet_list li .inner_bx .txt_bx {
  text-align: left;
  width: 50%;
  box-sizing: border-box;
  margin-left: 50%;
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li .inner_bx .txt_bx {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }
}

.brand_compet_list li .inner_bx .txt_bx .h {
  font-weight: 500;
  color: #222;
  margin-bottom: 0.5em;
  font-family: "BMEULJIRO_k", "notokr";
}

.brand_compet_list li .inner_bx .txt_bx .h {
  font-size: 20px;
}

@media (min-width: 480px) and (max-width: 1302px) {
  .brand_compet_list li .inner_bx .txt_bx .h {
    font-size: calc(20px + 18 * (100vw - 480px) / 822);
  }
}

@media (min-width: 1302px) {
  .brand_compet_list li .inner_bx .txt_bx .h {
    font-size: 38px;
  }
}

.brand_compet_list li .inner_bx .txt_bx .des { line-height: 1.7; text-align: justify; word-break: break-all; }

.brand_compet_list li .inner_bx .img_bx {
  position: absolute;
  top: 12%;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 1320px) {
  .brand_compet_list li .inner_bx .img_bx {
    max-width: 50%;
  }
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li .inner_bx .img_bx {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: none;
    text-align: center;
  }
}

@media screen and (max-width: 1024px) {
  .brand_compet_list li {
    margin: 30px 0;
  }
  .brand_compet_list li .inner_bx {
    padding: 20px;
  }
}

/*가맹점*/
.cost_sec .caption_txt {
  text-align: right;
  color: #e61e25;
  font-size: 0.94118em;
  margin-bottom: 5px;
}

.cost_sec .act_bx { background: #333; padding: 50px 20px; text-align: center; color: #fff; font-size: 1.05882em; } /*/*border: 3px solid #ddd;*/*/

@media screen and (max-width: 1024px) {
  .cost_sec .act_bx {
    padding: 20px 15px;
  }
}

.custom_tbl {
  table-layout: fixed;
  width: 100%;
  background: #fff;
}

.custom_tbl thead th {
  color: #fff;
  text-align: center;
  background: #e61e25;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.custom_tbl thead th:first-child {
  border-left: 0;
}

.custom_tbl th,
.custom_tbl td {
  padding: 20px 10px;
}

.custom_tbl tbody td {
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.prod_intro_list {
  margin: 30px 0 0;
}

@media screen and (max-width: 1024px) {
  .prod_intro_list {
    margin: 0 0 60px;
  }
}

.prod_intro_list li .inner {
  position: relative;
}

.prod_intro_list li .inner img {
  width: 100%;
}

.prod_intro_list li .inner .txt_bx {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
}

.prod_intro_list li .inner .txt_bx .heading {
  color: #fff;
  margin-bottom: 2em;
  font-size: 1.41176em;
  font-weight: 500;
}

.prod_intro_list li .inner .txt_bx .btn_down {
  display: inline-block;
  width: 200px;
  height: 52px;
  line-height: 52px;
  color: #fff;
  font-size: 1em;
  box-sizing: border-box;
  padding-left: 5%;
  border: 1px solid #fff;
  position: relative;
  text-align: left;
}

.prod_intro_list li .inner .txt_bx .btn_down:hover {
  background: #fff;
  color: #222;
  font-weight: 400;
}

.prod_intro_list li .inner .txt_bx .btn_down:hover i {
  border-color: #000;
}

.prod_intro_list li .inner .txt_bx .btn_down i {
  position: absolute;
  top: 50%;
  right: 10%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 22px;
  box-sizing: border-box;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1320px) {
  .prod_intro_list li .inner .txt_bx .btn_down {
    height: 50px;
    line-height: 50px;
    width: 160px;
  }
}

@media screen and (max-width: 1024px) {
  .prod_intro_list li {
    margin: 10px 0;
  }
  .prod_intro_list li .inner .txt_bx .btn_down {
    height: 40px;
    line-height: 40px;
    width: 140px;
  }
}

/*홍보*/
.sns_depth_menu {
  text-align: center;
}

.sns_depth_menu li {
  display: inline-block;
  margin: 0 20px;
}

.sns_depth_menu li:nth-child(1) i {
  background-image: url("/templates/images/icon/faceb_i_off.png");
}

.sns_depth_menu li:nth-child(2) i {
  background-image: url("/templates/images/icon/instar_i_off.png");
}

.sns_depth_menu li:nth-child(3) i {
  background-image: url("/templates/images/icon/blog_i_off.png");
}

.sns_depth_menu li:nth-child(4) i {
  background-image: url("/templates/images/icon/youtube_i_off.png");
}

.sns_depth_menu li a {
  display: block;
  zoom: 1;
  text-align: center;
}

.sns_depth_menu li a:before {
  content: '';
  display: block;
}

.sns_depth_menu li a:after {
  content: '';
  display: table;
  clear: both;
}

.sns_depth_menu li a i {
  float: left;
  width: 65px;
  height: 65px;
  margin-right: 10px;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .sns_depth_menu li a i {
    width: 50px;
    height: 50px;
    float: none;
    display: inline-block;
    margin-right: 0;
  }
}

.sns_depth_menu li a .txt {
  overflow: hidden;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: 500;
  font-size: 1.17647em;
  height: 65px;
}

@media screen and (max-width: 768px) {
  .sns_depth_menu li a .txt {
    height: auto;
    font-size: 14px;
  }
}

.sns_depth_menu li a.on .txt {
  color: #222;
}

.sns_depth_menu li:nth-child(1) .on i {
  background-image: url("/templates/images/icon/faceb_i.png");
}

.sns_depth_menu li:nth-child(2) .on i {
  background-image: url("/templates/images/icon/instar_i.png");
}

.sns_depth_menu li:nth-child(3) .on i {
  background-image: url("/templates/images/icon/blog_i.png");
}

.sns_depth_menu li:nth-child(4) .on i {
  background-image: url("/templates/images/icon/youtube_i.png");
}

@media screen and (max-width: 768px) {
  .sns_depth_menu li {
    float: left;
    width: 25%;
    margin: 5px 0;
  }
}

.sns_board_list li a {
  display: block;
  padding-top: 40px;
  position: relative;
}

.sns_board_list li a i {
  position: absolute;
  top: 5px;
  border: 7px solid #fff;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  border-radius: 50%;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .sns_board_list li a i img {
    width: 50px;
  }
}

.sns_board_list li a:hover .img_bx .img_src {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

@media screen and (max-width: 1024px) {
  .sns_board_list li a:hover .img_bx .img_src {
    -webkit-transform: none;
    -ms-transform: none;
        transform: none;
  }
}

.sns_board_list li .img_bx {
  overflow: hidden;
  border-radius: 30px 30px 0 0;
}

.sns_board_list li .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 93.93939%;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.sns_board_list li .txt_bx {
  padding: 30px 10px;
  background: #fff;
  text-align: center;
  color: #222;
  font-size: 1.05882em;
  font-weight: 500;
  border: 1px solid #ddd;
  border-radius: 0 0 30px 30px;
}

@media screen and (max-width: 768px) {
  .sns_board_list li .txt_bx {
    padding: 20px 10px;
  }
}

.sns_board_list li .txt_bx p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.map_wrap .root_daum_roughmap {
  padding: 0;
  margin: 0;
  border: 0;
  width: 100% !important;
  border-bottom: 1px solid #ddd;
}

.map_wrap .wrap_map {
  width: 100%;
  height: 480px !important;
}

.map_wrap .wrap_controllers {
  display: none;
}

@media screen and (max-width: 1024px) {
  .map_wrap .wrap_map {
    min-height: 300px;
    height: 50vw !important;
  }
}

.add_txt {
  margin-top: 20px;
}

.add_txt .txt_b {
  font-weight: bold;
  color: #222;
}

/*복리후생*/
.benefits_list {
  margin-top: 80px;
}

@media screen and (max-width: 768px) {
  .benefits_list {
    margin-top: 40px;
    margin-left: -5px;
    margin-right: -5px;
  }
}

.benefits_list li {
  margin: 40px 0;
}

@media screen and (max-width: 768px) {
  .benefits_list li {
    margin: 20px 0;
    padding: 0 5px;
  }
}

.benefits_list li .inner {
  position: relative;
  border: 5px solid #eee;
  text-align: center;
  padding: 60px 30px 20px;
}

@media screen and (max-width: 768px) {
  .benefits_list li .inner {
    padding: 40px 10px 15px;
  }
}

.benefits_list li .inner i {
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .benefits_list li .inner i {
    top: -40px;
  }
  .benefits_list li .inner i img {
    width: 80px;
  }
}

.benefits_list li .inner .heading {
  font-size: 1.29412em;
  color: #000;
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 10px;
  margin-top: 20px;
  position: relative;
}

.benefits_list li .inner .heading:before {
  content: '';
  width: 30px;
  border-top: 1px solid #2e2929;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -15px;
}

/* 제품리스트*/
.prd_wrap {
  border-top: 2px solid #222;
  padding-top: 50px;
}

@media screen and (max-width: 1024px) {
  .prd_wrap {
    padding-top: 20px;
  }
}

.prd_right_bx .img_board_list li a .img_box .img_src {
  padding-top: 66.66667%;
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

.prd_right_bx .img_board_list li a .txt_box {
  background: #f5f5f5;
  padding: 20px;
}

.prd_right_bx .img_board_list li a .txt_box .tit {
  margin-top: 0;
  text-align: center;
}

.prd_right_bx .prd_view_top {
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
}

@media screen and (max-width: 1024px) {
  .prd_right_bx .prd_view_top {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

.prd_right_bx .prd_view_top .prd_tit {
  font-weight: 500;
  color: #222;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  font-size: 1.41176em;
}

@media screen and (max-width: 1024px) {
  .prd_right_bx .prd_view_top .prd_tit {
    font-size: 1.08597em;
  }
}

@media screen and (max-width: 1024px) {
  .prd_right_bx .prd_view_top .prd_tit {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

.prd_right_bx .prd_view_top .txt_bx .des {
  min-height: 200px;
  margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
  .prd_right_bx .prd_view_top .txt_bx .des {
    min-height: auto;
  }
}

.prd_right_bx .prd_view_top .txt_bx .catalog_bx {
  text-align: right;
}

.prd_right_bx .prd_view_top .txt_bx .catalog_bx a {
  width: 200px;
  height: 60px;
  line-height: 60px;
  background: #222;
  position: relative;
  color: #fff;
  text-align: left;
  padding-left: 5%;
  box-sizing: border-box;
  display: inline-block;
}

.prd_right_bx .prd_view_top .txt_bx .catalog_bx a:hover {
  background: rgba(34, 34, 34, 0.8);
}

.prd_right_bx .prd_view_top .txt_bx .catalog_bx a i {
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -12px;
  font-size: 1.2em;
}

@media screen and (max-width: 1024px) {
  .prd_right_bx .prd_view_top .txt_bx .catalog_bx a {
    height: 40px;
    line-height: 40px;
    width: 150px;
  }
}

.quality_list > li {
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  padding: 50px 40px 50px 240px;
  position: relative;
}

.quality_list > li:first-child {
  border-top: 1px solid #ddd;
}

.quality_list > li .img_bx {
  position: absolute;
  left: 40px;
  top: 50px;
}

.quality_list > li .tit_bx {
  float: left;
  width: 220px;
}

.quality_list > li .tit_bx .num_t {
  font-size: 2.94118em;
  color: #e61e25;
}

@media screen and (max-width: 1024px) {
  .quality_list > li .tit_bx .num_t {
    font-size: 2.26244em;
  }
}

.quality_list > li .tit_bx .tit {
  color: #222;
  font-size: 1.47059em;
  line-height: 1.4;
}

@media screen and (max-width: 1024px) {
  .quality_list > li .tit_bx .tit {
    font-size: 1.13122em;
  }
}

@media screen and (max-width: 1024px) {
  .quality_list > li .tit_bx {
    margin-bottom: 10px;
    float: none;
    width: auto;
  }
}

.quality_list > li .list {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.quality_list > li .list li {
  position: relative;
  padding-left: 10px;
}

.quality_list > li .list li:before {
  content: '·';
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
  color: #666;
}

@media screen and (max-width: 1024px) {
  .quality_list > li .list {
    display: block;
  }
}

.quality_list > li .list li:before {
  color: #e61e25;
}

@media screen and (max-width: 1024px) {
  .quality_list > li {
    padding: 20px 20px 20px 100px;
  }
  .quality_list > li .img_bx {
    width: 80px;
    left: 0;
    top: 50%;
    margin-top: -40px;
  }
}

.img_board_list.type_b .img_box {
  position: relative;
}

.img_board_list.type_b .img_box .img_src {
  padding-top: 80%;
}

.img_board_list.type_b .img_box:before {
  border: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=70);
  opacity: 0.7;
  z-index: 1;
  transition: cubic-bezier(0, 0.5, 0.5, 1) 0.35s;
}

.img_board_list.type_b .img_box:after {
  content: "\e9c5";
  position: absolute;
  font-family: xeicon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -15px;
  margin-left: -15px;
  text-align: center;
  font-size: 30px;
  transition: 0.3s;
  color: #222;
  z-index: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=0);
  opacity: 0;
  font-weight: 100;
}

.img_board_list.type_b li a:hover .img_box:before {
  height: 100%;
}

.img_board_list.type_b li a:hover .img_box:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#valuePercent)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}

.data_room_list li {
  margin-bottom: 40px;
}

.data_room_list .inner_bx .img_box {
  border: 1px solid #ddd;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}

.data_room_list .inner_bx .img_box .img_src {
  padding-top: 133.33333%;
  display: block;
  transition: 0.3s;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  background-size: cover;
}

.data_room_list .inner_bx .txt_bx {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  font-size: 0.94118em;
  font-weight: 500;
  color: #222;
}

.data_room_list .inner_bx .btn_down {
  display: block;
  margin: 10px auto 0;
  width: 150px;
  line-height: 45px;
  height: 45px;
  text-align: left;
  padding-left: 20px;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #ddd;
  font-size: 1.05em;
  border-radius: 5px;
}

.data_room_list .inner_bx .btn_down:hover {
  background: #e61e25;
  color: #fff;
}

.location_con .address_txt {
  margin-bottom: 10px;
  text-align: center;
}

.franchise_step_sec .active_logo {
  position: absolute;
  right: -100px;
  bottom: 58px;
  width:365px;
  opacity:0.15;
}

@media screen and (max-width: 1024px) {
  .franchise_step_sec .active_logo {
    display: none;
  }
}

.franchise_step_sec .step_list {
  text-align: center;
  background: url("/templates/images/sub/step_bg.png") right 0 no-repeat;
  background-size: auto 363px;
  padding: 0 100px 0 0;
  zoom: 1;
}

.franchise_step_sec .step_list:before {
  content: '';
  display: block;
}

.franchise_step_sec .step_list:after {
  content: '';
  display: table;
  clear: both;
}

@media screen and (max-width: 1024px) {
  .franchise_step_sec .step_list {
    background: none;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .franchise_step_sec .step_list > * {
    -webkit-flex: 0 0 33.333%;
        -ms-flex: 0 0 33.333%;
            flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media screen and (max-width: 768px) {
  .franchise_step_sec .step_list {
    margin: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .franchise_step_sec .step_list:before, .franchise_step_sec .step_list:after {
    display: none;
  }
  .franchise_step_sec .step_list > * {
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.franchise_step_sec .step_list li {
  float: left;
  width: 20%;
}

.franchise_step_sec .step_list li .inner {
  position: relative;
  text-align: center;
  padding-top: 20px;
  height: 330px;
}

@media screen and (max-width: 1024px) {
  .franchise_step_sec .step_list li .inner {
    height: auto;
    margin-bottom: 20px;
    padding-top: 10px;
  }
}

.franchise_step_sec .step_list li .inner:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #ffe900;
  position: absolute;
  top: -3px;
  left: 50%;
  margin-left: -2px;

}

.franchise_step_sec .step_list li .inner .h { font-weight: 500; margin-bottom: 10px; color: #ffe900; font-size: 20px; } /*201127 배진만*/

.franchise_step_sec .step_list li .inner .txt {
  font-size: 1.29412em;
  font-weight: 500;
  font-family: "BMEULJIRO", "notokr";
  margin-top: 0.5em;
  color: #fff;

}

@media screen and (max-width: 1024px) {
  .franchise_step_sec .step_list li:nth-child(6) {
    display: none;
  }
}

.franchise_step_sec .step_list li:nth-child(6) .inner {
  display: none;
}

.franchise_step_sec .step_list li:nth-child(n+6):nth-child(-n+10) {
  float: right;
  margin-top: 30px;
}

@media screen and (max-width: 1024px) {
  .franchise_step_sec .step_list li:nth-child(n+6):nth-child(-n+10) {
    margin-top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .row_scroll .col-lg-6 table.sub_tbl {
    min-width: auto;
  }
  .row_scroll > * {
    width: 700px;
  }
}

/*contact*/
.sub_con._global {
  padding-bottom: 100px;
}

@media screen and (max-width: 1024px) {
  .sub_con._global {
    padding-bottom: 60px;
  }
}

.sub_con .form_w {
  max-width: 800px;
  margin: 0 auto;
}

.sub_con .form_w .btn_inq {
  display: block;
  background: #e61e25;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #222;
  width: 100%;
  border: 0;
  font-weight: 500;
}

.sub_con .form_w .btn_inq:hover {
  background: #2e2929;
}

@media screen and (max-width: 1024px) {
  .sub_con .form_w .btn_inq {
    height: 40px;
    line-height: 40px;
  }
}

.sub_con .form_list li {
  margin: 10px 0;
}

.sub_con .form_list li .input_for {
  height: 50px;
  line-height: 50px;
  background: #fff;
  font-size: 1.17647em;
  font-family: 'notokr', sans-serif;
}

@media screen and (max-width: 1024px) {
  .sub_con .form_list li .input_for {
    height: 40px;
    line-height: 40px;
  }
}

.sub_con .form_list li .ck_area,
.sub_con .form_list li .terms_area {
  background: #fff;
  padding: 15px;
  border: 1px solid #ddd;
}

.sub_con .form_list li .ck_area .top_t,
.sub_con .form_list li .terms_area .top_t {
  font-size: 1.17647em;
  margin-bottom: 10px;
}

.sub_con .form_list li .ck_area .agree_bx,
.sub_con .form_list li .terms_area .agree_bx {
  position: absolute;
  top: 0;
  right: 0;
}

.sub_con .form_list li .ck_area .terms_scroll_bx,
.sub_con .form_list li .terms_area .terms_scroll_bx {
  height: 200px;
}

/*사이드 퀵*/
#side_quick { position: absolute; top: 130px; right: 7px; text-align: center; z-index: 1000000000; }

@media screen and (max-width: 1024px) {
  #side_quick {
    display: none;
  }
}

#side_quick .inner {
  background: url("/templates/images/sub/quick_bg.png") no-repeat center 0;
  width: 109px;
  height: 340px;
  text-align: center;
}

#side_quick .inner ul {
  padding-top: 90px;
}

#side_quick .inner li a {
  display: inline-block;
  height: 120px;
  width: 100px;
  box-sizing: border-box;
  padding: 20px 0;
  color: #fff;
}

#side_quick .inner li a:hover {
  text-decoration: underline !important;
}

#side_quick .inner li a .txt {
  margin-top: 10px;
  color: #fff;
}

#side_quick .inner li:last-child a {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#side_quick #top_btn a {
  display: block;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  padding: 5px;
  margin: 20px auto 0;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
}

#side_quick #top_btn a:hover {
  background: #e61e25;
}

/*20.11.20 배진만*/
/*포토 섬네일 슬라이더 스타일 시작 */


#product_phone h2 { font-size:40px; color:#000; text-align:center; } /*margin-top:120px;*/
#product_phone p { font-size:18px; font-weight:500; letter-spacing:-0.5px; color:#fff;}
#product_phone .content_box { margin:100px 0 130px 0; } /*공통 상하 여백주기*/
#product_phone .content_box2 { margin:110px 0 0px 0; } /*공통 상하 여백없을경우*/
#product_phone .content_box3 { margin:70px 0 70px 0; text-align: center; }

/*9번째 컨텐츠*/
/*귀여운 캐릭터 테마화면으로 더 다양하게 ( ****슬라이더**** )*/
#product_phone .zemphone_con9 { position:relative; } /*background:#a85300;*/
#product_phone .zemphone_con9 h2 { font-size: 40px; color: #000; text-align: center; margin-top: 80px; }
#product_phone .zemphone_con9 h2 b { color:#007ece; }

#carousel-example-generic { display: inline-block; } /*margin-top: 30px; background:rgba(0,0,0,0.05);*/

.carousel-inner { margin-bottom: 25px; }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -50px; }
.carousel-control { top: -50px; }
a.left span:before { content:''; width:44px; height:66px; background:url('../images/sub/arrow_left_02.png')no-repeat; position:absolute; z-index:9; }
a.right span:before { content:''; width:44px; height:66px; background:url('../images/sub/arrow_right_02.png')no-repeat; position:absolute; z-index:9; }
.carousel-indicators { display:none; }
/*****************************/
/* Plugin styles */
ul.thumbnails-carousel { padding: 0px 0 0 0;	margin: 0;	list-style-type: none; text-align: center;  } /*background:rgba(0,0,0,0.05);*/
ul.thumbnails-carousel .center {	display: inline-block; } /*margin: 35px 0;*/
ul.thumbnails-carousel li { margin-right: 5px; float: left;	cursor: pointer; }
ul.thumbnails-carousel li { font-size:10px; }

.controls-background-reset { background: none !important; }
.active-thumbnail { opacity: 0.4; }
.indicators-fix { bottom: 70px;}

/*--------------------------------------------------------------------Media Query------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	/*9번째 컨텐츠*/
	.carousel-indicators { display:block; }
	.thumbnails-carousel { display:none; }
	.indicators-fix { bottom: -10px; }
	.carousel-control { top: -0px; }


}

/*포토 섬네일 슬라이더 스타일 종료 */

/*메뉴 페이지 201127 배진만*/
.menu_content_01 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/
.menu_content_01 img {  }




.menu_page { background:#852727; }

.menu_content_03 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.menu_content_04 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

/*창업안내 - 브랜드경쟁력 페이지 201127 배진만*/
.brand_content_01 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.brand_content_02 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.brand_content_03 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.brand_content_04 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.brand_content_05 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

/**/
.franchise_page { background: #852727; }

.franchise_content_01 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.franchise_content_02 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.franchise_content_03 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.franchise_content_05 { width:1920px; } /*임시 스타일임, 분리 스타일 작업 후 width값 삭제할 것. (1920보다 큰 화면에서 이상하게 보이지 않도록)*/

.bg_brown { background: #852727 !important;  }
.txt_white { color:#fff !important; }

/*201130 배진만 새로 코딩*/

/*메뉴페이지 - 첫번째 컨텐츠, 텍스트 정보 영역 */
.container_sub { width:1280px; background:#ccc;  margin:100px auto 100px; }

.menu_content_1 { background:#e4c8a3 url('../images/sub/menu_content_01_backimg.jpg')no-repeat; background-size: cover; text-align:center; overflow:hidden; height:1292px; }
.menu_content_1 .first {  width:200px; margin:100px auto 130px; display: block; }
.menu_content_1 .second { width:1203px; height:166px; margin:20px auto; display: block; }
.menu_content_1 .second_m { width:80%; margin:20px auto; display: none; }

.menu_content_1 .third { width:514px; display:block; margin: 20px auto; }

.special_meet { width:870px; margin:130px auto 100px; overflow:hidden; }
.special_meet .left { width:344px; height:141px; } /*background:red; */
.special_meet .right { width:495px; height:141px; text-align:left; font-size:36px; padding-top:26px; color: #bf1e2e; text-decoration: underline; line-height: 48px; } /*background:red; */

@media screen and (max-width:1280px) {
	.menu_content_1 .second { width:100%; height:auto; padding:30px; }
}

@media screen and (max-width:900px) {
	.menu_content_1 .first { margin: 70px auto 45px; }
	.special_meet { width:100%; padding:15px 0;  }
	.special_meet .left { float:unset; margin:0 auto; width:50%; }
	.special_meet .right { float:unset; margin:0 auto; margin-top:20px; text-align:center; }
}

@media screen and (max-width:800px) {
	.menu_content_1 { height: 1050px; }
	.special_meet { margin: 65px auto 100px; }
	.menu_content_1 .second { display:none;  }
	.menu_content_1 .second_m { display:block; }
}

@media screen and (max-width:640px) {
	.menu_content_1 { height: 850px;; }
	.menu_content_1 .third { width:100%; padding:0 60px; }
	.special_meet { margin: 30px auto 50px; }
	.special_meet .left { height:auto; }
	.special_meet .right { width:auto; font-size:24px; line-height:38px;  }
}

/*메뉴페이지 - 더 맛있어지는 주문 방법 영역*/

.best_order_tip { background:#852727; position:relative; overflow:hidden; } /*height:1200px; */
.best_order_tip .order_tip { width:/*1272px*/66.25vw; height:/*896px*/46.66666666666667vw; margin:/*100px*/5.208333333333333vw auto; background:url('../images/sub/menu_best_order_tip_01.png')no-repeat 50% 50%; overflow: hidden; background-size: cover; }
.best_order_tip .order_tip h3 { width:/*478px*/24.89583333333333vw; height:/*48px*/2.5vw; margin:/*90px*/4.6875vw 0 0 /*413px*/ 21.51041666666667vw; }
.best_order_tip .order_tip li { width:/*704px*/36.66666666666667vw; height:/*64px*/3.333333333333333vw; }
.best_order_tip .order_tip li:nth-child(1) { margin:/*35px*/1.822916666666667vw 0 0 /*145px;*/7.552083333333333vw; } /*position:absolute; top:145px; left:173px;*/
.best_order_tip .order_tip li:nth-child(2) { margin:/*61px*/3.177083333333333vw 0 0 /*145px;*/7.552083333333333vw; }
.best_order_tip .order_tip li:nth-child(3) { margin:/*79px*/4.114583333333333vw 0 0 /*145px;*/7.552083333333333vw; }
.best_order_tip .order_tip li:nth-child(4) { margin:/*79px*/4.114583333333333vw 0 0 /*145px;*/7.552083333333333vw; }
.best_order_tip .order_tip li:nth-child(5) { margin:/*79px*/4.114583333333333vw 0 0 /*145px;*/7.552083333333333vw; }

.best_order_tip .bg_img_01 { width:189px; height:227px; background:url('../images/sub/menu_best_order_01.png')no-repeat; position:absolute; top:/*254px*/13.22916666666667vw; left:/*-50px;*/-2.604166666666667vw; } /*rgba(0,0,0,0.2) */
.best_order_tip .bg_img_02 { width:234px; height:404px; background:url('../images/sub/menu_best_order_02.png')no-repeat; position:absolute; top:/*315px*/16.40625vw; left:/*177px;*/9.21875vw; } /*rgba(0,0,0,0.2) */
.best_order_tip .bg_img_03 { width:334px; height:310px; background:url('../images/sub/menu_best_order_03.png')no-repeat; position:absolute; top:/*460px*/23.95833333333333vw; right:/*126px;*/6.5625vw; } /*rgba(0,0,0,0.2)*/
.best_order_tip .bg_img_04 { width:181px; height:186px; background:url('../images/sub/menu_best_order_04.png')no-repeat; position:absolute; top:/*160px;*/8.333333333333333vw; right:/*-90px;*/4.6875vw; } /*rgba(0,0,0,0.2) */

/**/
@media screen and (max-width:1300px) {
	.best_order_tip { width:100%; padding:0 1.5625vw;  }
}

@media screen and (max-width:1200px) {
	.best_order_tip .bg_img_01 { display:none; }
	.best_order_tip .bg_img_02 { display:none; }
	.best_order_tip .bg_img_03 { display:none; }
	.best_order_tip .bg_img_04 { display:none; }
	.best_order_tip .order_tip { width: 93vw; height: 60vw; background:rgba(0,0,0,0.2)url('../images/sub/menu_best_order_tip_01.png')no-repeat 50% 50%; background-size: cover; }
	.best_order_tip .order_tip h3 {     width: /*478px*/37vw;    height: /*48px*/3vw;    margin: /*90px*/5.8vw 0 0 /*413px*/ 29vw; }
	.best_order_tip .order_tip { height: 66vw; }
	.best_order_tip .order_tip li { width: /*704px*/66vw; height: /*64px*/6vw; }
	.best_order_tip .order_tip li:nth-child(1) { margin: /*35px*/3.5vw 0 0 /*145px;*/7.552083333333333vw; }
	.best_order_tip .order_tip li:nth-child(2) { margin:/*61px*/3.5vw 0 0 /*145px;*/7.552083333333333vw; }

}



/*메뉴 - 맛있는녀석들 방영*/
.menu_tv_content { display:block; width:100%; height:1598px; background:rgba(0,0,0,0.2) url('../images/sub/menu_tv_content_bg.jpg')no-repeat 50%; background-size:cover; overflow:hidden; }
.menu_tv_content .tv_content { width:1240px; margin:188px auto 0; background:rgba(0,0,0,1); overflow: hidden; padding-bottom: 20px; } /*height:376px; padding-bottom: 21px;  */
.menu_tv_content .tv_content .top { width:100%; margin:0 auto; padding: 20px; } /*text-align:center;*/
.menu_tv_content .tv_content .top img:nth-child(1) {  }
.menu_tv_content .tv_content .top img:nth-child(2) {  }

.menu_tv_content .tv_content .bottom { text-align:center; }
.menu_tv_content .tv_content .bottom img:nth-child(1) { float:left; margin-left:21px; }
.menu_tv_content .tv_content .bottom img:nth-child(2) { float:left; }

/*
.menu_tv_content .video { width:1240px;height:698px; margin:0px auto; background:#337ab7; }
.youtubeWrap { position:relative; width:100%; padding-bottom:56.25%; }
.youtubeWrap iframe { position:absolute; width:100%; height:100%; }
*/

.menu_tv_content .video { width:1240px;height:698px; margin:0px auto; }
.embed-youtube { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }
.embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width:1300px){
	.menu_tv_content .tv_content { width: 700px; padding: 30px 0; }
	.menu_tv_content .tv_content .top {  text-align:center; padding: 20px 0 0 0; }
	.menu_tv_content .tv_content .top img { width:85%; }
	.menu_tv_content .tv_content .bottom { margin-top: 30px; padding: 0 15px; }
	.menu_tv_content .tv_content .bottom img:nth-child(1) { float:unset; margin-left:0px; }
	.menu_tv_content .tv_content .bottom img:nth-child(2) { float:unset; }

	.menu_tv_content .video { width:700px; }

}

@media screen and (max-width:720px){
	.menu_tv_content .tv_content { width:100%; padding:15px; }
	.menu_tv_content .video { width:100%; padding:15px 15px 0; }
	.menu_tv_content { height:1280px; }
	.menu_tv_content .tv_content { margin: 25px auto 0; padding: 0; }
	.menu_tv_content .tv_content .top { padding: 20px 0 0 0; }
	.menu_tv_content .tv_content .top img { width: 80%; }

}

@media screen and (max-width:480px){
	.menu_tv_content { height:900px; }
}

/* 창업안내 / 브랜드경쟁력 */

/* 첫번째 컨텐츠 */
.main_container .brand-box-1 {
	width:100%;
	height:700px;
	background:url("../images/sub/brand_bg_1") center;
}
.main_container .brand-box-1 .brand-1 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .brand-box-1 .brand-1 .pop-up-box {
	position:absolute;
	width:543px;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
}

@media (max-width:1200px) {
.main_container .brand-box-1 {
	height:600px;
}
.main_container .brand-box-1 .brand-1 .pop-up-box {
	width:450px;
}
}

@media (max-width:1000px) {
.main_container .brand-box-1 {
	height:500px;
}
.main_container .brand-box-1 .brand-1 .pop-up-box {
	width:350px;
}
}

@media (max-width:768px) {
.main_container .brand-box-1 {
	background:url("../images/sub/brand_bg_1_mb") center;
}
}

@media (max-width:650px) {
.main_container .brand-box-1 {
	height:400px;
}
.main_container .brand-box-1 .brand-1 .pop-up-box {
	width:300px;
}
}

@media (max-width:500px) {
.main_container .brand-box-1 .brand-1 .pop-up-box {
	width:250px;
}
}

/* 두번째 컨텐츠 */
.main_container .brand-box-2 {
	width:100%;
	height:1170px;
	background:url("../images/sub/brand_bg_2") center;
}
.main_container .brand-box-2 .brand-2 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .brand-box-2 .brand-2 .pop-up-box {
	position:absolute;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:803px;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	width:337px;
	right:0;
	bottom:0;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	width:314px;
	left:200px;
	bottom:30px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width:312px;
	right:280px;
	bottom:310px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width:370px;
	left:105px;
	top:350px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
	width:315px;
	right:40px;
	top:295px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width:292px;
	left:380px;
	bottom:100px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
	width:288px;
	right:475px;
	bottom:335px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9{
	width:743px;
	transform:translateX(-50%);
	left:50%;
	top:230px;
}

@media (max-width:1600px) {
.main_container .brand-box-2 {
	height:900px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:700px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	width:250px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	width:240px;
	bottom:70px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width:240px;
	right:210px;
	bottom:210px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width:300px;
	left:90px;
	top:280px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
	width:250px;
	top:220px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width:220px;
	left:330px;
	bottom:140px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
	width: 220px;
    right: 375px;
    bottom: 245px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
    width: 600px;
	top:110px;
}
}

@media (max-width:1300px) {
.main_container .brand-box-2 {
	height:800px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:600px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	width:200px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	width:190px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width:190px;
	right:170px;
	bottom:155px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width:250px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
	width:200px;
	top:250px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width:170px;
	left:270px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
	width: 170px;
    right: 290px;
    bottom: 210px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
    width: 500px;
}
}

@media (max-width:1100px) {
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	left: 50px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	right:80px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	left:50px;
	top:250px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	left:160px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
    right: 190px;
}
}

@media (max-width:900px) {
.main_container .brand-box-2 {
	height:700px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:500px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	width:130px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	width: 120px;
    bottom: 98px;
    left: 65px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width: 150px;
    right: 41px;
    bottom: 140px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width: 180px;
    left: 25px;
    top: 230px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
    width: 160px;
    top: 250px;
	right:15px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width: 150px;
    left: 110px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
    width: 150px;
    right: 135px;
    bottom: 195px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
	width: 400px;
    top: 120px;
}
}

@media (max-width:768px) {
.main_container .brand-box-2 {
	background:url("../images/sub/brand_bg_2_mb") center;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:500px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	display: none;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	display: none;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
    width: 150px;
    right: 250px;
    bottom: 360px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width: 180px;
    left: 25px;
    top: 230px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
    width: 160px;
    top: 300px;
    right: 25px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width: 150px;
    left: 55px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
    width: 150px;
    right: 40px;
    bottom: 106px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
    top: 60px;
}
}

@media (max-width:650px) {
.main_container .brand-box-2 {
    height: 600px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:450px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-2 {
	display: none;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-3 {
	display: none;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width: 130px;
    right: 185px;
    bottom: 333px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
    width: 160px;
    left: 25px;
    top: 170px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
    width: 140px;
    top: 270px;
    right: 15px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
	width: 140px;
    left: 45px;
	bottom: 100px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
	width: 140px;
    right: 20px;
    bottom: 60px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
    top: 40px;
	width: 300px;
}
}

@media (max-width:550px) {
.main_container .brand-box-2 {
    height: 500px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:330px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width: 110px;
    right: auto;
    left: 217px;
    bottom: 275px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width: 120px;
    left: 15px;
    top: 143px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
	width: 100px;
    top: 204px;
    right: 30px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
    width: 110px;
    left: 50px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
	width: 110px;
    right: 50px;
    bottom: 60px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-9 {
	width: 250px;
}
}

@media (max-width:450px) {
.main_container .brand-box-2 {
    height: 500px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-1 {
	width:300px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-4 {
	width: 110px;
    right: auto;
    left: 150px;
    bottom: 275px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-5 {
	width: 120px;
    left: 15px;
    top: 143px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-6 {
	width: 100px;
    top: 204px;
    right: 15px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-7 {
    left: 20px;
}
.main_container .brand-box-2 .brand-2 .pop-up-box-8 {
    right: 5px;
}
}

/* 세번째 컨텐츠 */
.main_container .brand-box-3 {
	width:100%;
	height:1040px;
	background:url("../images/sub/brand_bg_3") top right;
}
.main_container .brand-box-3 .brand-3 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .brand-box-3 .brand-3 .pop-up-box {
	position:absolute;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-1 {
	width:523px;
	left:0;
	top:-180px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
	width:633px;
	left:250px;
	top:300px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-3 {
	width:387px;
	right: 450px;
    top: 220px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-4 {
	width:780px;
	right:0;
	bottom:0;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
	font-size: 30px;
    font-weight: bold;
    color: #000;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 43px;
    font-weight: normal;
    color: #e50716;
    font-family: "BMEULJIRO_k", "notokr";
    line-height: 50px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
    text-align: right;
    font-size: 20px;
    color: #333;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
    font-size: 20px;
    color: #333;
	word-break: break-all;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
    font-size: 20px;
    color: #333;
	word-break: break-all;
}

@media (max-width:1750px) {
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
	left:100px;
}
}

@media (max-width:1600px) {
.main_container .brand-box-3 {
    height: 1000px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-1 {
    width: 400px;
    top: -140px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-4 {
    width: 650px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-3 {
    width: 270px;
    right: 425px;
    top: 345px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
    width: 500px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
    font-size: 27px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 40px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
    font-size: 17px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
    font-size: 17px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
    font-size: 17px;
}
}

@media (max-width:1350px) {
.main_container .brand-box-3 {
    height: 900px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-1 {
    width: 300px;
    top: -100px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-4 {
    width: 450px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-3 {
    width: 170px;
    right: 310px;
    top: 475px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
    width: 450px;
	left:50px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
    font-size: 22px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 35px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
    font-size: 15px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
    font-size: 15px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
    font-size: 15px;
}
}

@media (max-width:1000px) {
	.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
	left:20px;
}
}

@media (max-width:980px) {
.main_container .brand-box-3 .brand-3 .pop-up-box-1 {
    width: 250px;
    top: -80px;
}
.main_container .brand-box-3 {
    height: 800px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-4 {
    width: 350px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-3 {
    width: 150px;
    right: 225px;
    top: 445px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
    width: 350px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
    font-size: 19px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 27px;
	line-height: 35px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
    font-size: 14px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
    font-size: 14px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
    font-size: 14px;
}
}

@media (max-width:768px) {
.main_container .brand-box-3 {
	height: 1300px;
	background:url("../images/sub/brand_bg_3_mb") top right no-repeat;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-4 {
    width: 55%;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-3 {
	display:none;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 {
    width: 94%;
    top: 270px;
	left:50%;
	transform:translateX(-50%);
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
	font-size: 25px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 35px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
	font-size: 18px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
	font-size: 18px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
	font-size: 18px;
}
}

@media (max-width:650px) {
.main_container .brand-box-3 {
    height: 1200px;
}
}

@media (max-width:600px) {
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
    font-size: 22px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 32px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-3 {
    font-size: 16px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-4 {
    font-size: 16px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-5 {
    font-size: 16px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-1 {
    width: 200px;
    top: -65px;
}
.main_container .brand-box-3 {
    height: 1100px;
}
}

@media (max-width:500px) {
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-1 {
    font-size: 19px;
}
.main_container .brand-box-3 .brand-3 .pop-up-box-2 .text-2 {
    font-size: 27px;
}
}

@media (max-width:450px) {
.main_container .brand-box-3 {
    height: 1000px;
}
}

@media (max-width:400px) {
.main_container .brand-box-3 {
    height: 900px;
}
}

/* 네번째 컨텐츠 */
.main_container .brand-box-4 {
	width:100%;
	height:1700px;
	background:#f2f2f2;
}
.main_container .brand-box-4 .brand-4 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .brand-box-4 .brand-4 .title-box {
	position:absolute;
	text-align:center;
	top:100px;
	left:50%;
	transform:translateX(-50%);
    width: 100%;
}
.main_container .brand-box-4 .brand-4 .title-box .title-1 {
    font-size: 60px;
    font-weight: 100;
    color: #555;
	width: 100%;
}
.main_container .brand-box-4 .brand-4 .title-box .title-2 {
    font-size: 70px;
    font-weight: normal;
    color: #e60314;
    font-family: "BMEULJIRO_k", "notokr";
	width: 100%;
}
.main_container .brand-box-4 .brand-4 .list-item-box {
	width:100%;
	position: absolute;
	left:0;
	top:400px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item {
	max-width:1200px;
	margin:0 auto;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item {
	width:33.333333%;
	padding: 0 10px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-1 {
	font-size: 55px;
    font-weight: bold;
    color: #333;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-2 {
    font-size: 30px;
    font-weight: normal;
    color: #e60314;
    font-family: "BMEULJIRO_k", "notokr";
	word-break: break-all;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-3 {
	height:210px;
	font-size: 20px;
    color: #333;
	word-break: break-all;
}

@media (max-width:1200px) {
.main_container .brand-box-4 .brand-4 .title-box .title-1 {
    font-size: 45px;
}
.main_container .brand-box-4 .brand-4 .title-box .title-2 {
    font-size: 55px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-1 {
    font-size: 40px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-2 {
    font-size: 25px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-3 {
    font-size: 18px;
}
.main_container .brand-box-4 .brand-4 .list-item-box {
    top: 350px;
}
.main_container .brand-box-4 {
    height: 1550px;
}
}

@media (max-width:980px) {
.main_container .brand-box-4 .brand-4 .title-box .title-1 {
    font-size: 35px;
}
.main_container .brand-box-4 .brand-4 .title-box .title-2 {
    font-size: 45px;
}
.main_container .brand-box-4 .brand-4 .list-item-box {
    top: 300px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-1 {
    font-size: 30px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-2 {
    font-size: 20px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-3 {
    font-size: 15px;
	height: 180px;
}
.main_container .brand-box-4 {
    height: 1300px;
}
}

@media (max-width:768px) {
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item {
    width: 50%;
    padding: 0 10px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-3 {
    font-size: 17px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-2 {
    font-size: 23px;
}
.main_container .brand-box-4 {
    height: 1900px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-1 {
    font-size: 35px;
}
}

@media (max-width:700px) {
.main_container .brand-box-4 {
    height: 1850px;
}
}

@media (max-width:650px) {
.main_container .brand-box-4 {
    height: 1800px;
}
}

@media (max-width:600px) {
.main_container .brand-box-4 .brand-4 .title-box {
    top: 50px;
}
.main_container .brand-box-4 .brand-4 .list-item-box {
    top: 200px;
}
.main_container .brand-box-4 .brand-4 .title-box .title-1 {
    font-size: 25px;
}
.main_container .brand-box-4 .brand-4 .title-box .title-2 {
    font-size: 35px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item {
    width: 100%;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-1 {
    font-size: 30px;
}
.main_container .brand-box-4 .brand-4 .list-item-box .list-item .item .text-3 {
    height: 150px;
}
.main_container .brand-box-4 {
    height: 3300px;
}
}

@media (max-width:550px) {
.main_container .brand-box-4 {
    height: 3200px;
}
}

@media (max-width:500px) {
.main_container .brand-box-4 {
    height: 3050px;
}
}

@media (max-width:450px) {
.main_container .brand-box-4 {
    height: 2850px;
}
}

@media (max-width:400px) {
.main_container .brand-box-4 {
    height: 2750px;
}
}

@media (max-width:360px) {
.main_container .brand-box-4 {
    height: 2600px;
}
}

/* 다섯번째 컨텐츠 */
.main_container .brand-box-5 {
	width:100%;
	height:1200px;
	background:url("../images/sub/brand_bg_4") center;
}
.main_container .brand-box-5 .brand-5 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .brand-box-5 .brand-5 .brand-logo-box {
	width:270px;
	position:absolute;
	top:170px;
	left:50%;
	transform:translateX(-50%);
}
.main_container .brand-box-5 .brand-5 .pop-up-box {
	position:absolute;
	width:300px;
	top:380px;
	left:50%;
	transform:translateX(-50%);
}

.main_container .brand-box-5 .brand-5 .text-box {
	position:absolute;
	width:1050px;
	top:450px;
	left:50%;
	transform:translateX(-50%);
	text-align:center;
}

.main_container .brand-box-5 .brand-5 .text-box .text-1 {
    color: #fff;
    font-size: 50px;
    font-weight: 100;
}

.main_container .brand-box-5 .brand-5 .text-box .text-2 {
    color: #fff000;
    font-size: 65px;
    font-weight: normal;
    font-family: "BMEULJIRO_k", "notokr";
}

.main_container .brand-box-5 .brand-5 .text-box .text-3 {
    color: rgba(255,255,255,0.7);
    font-size: 25px;
    font-weight: 100;
    text-align: left;
	word-break: break-all;
	line-height: 40px;
}

.main_container .brand-box-5 .brand-5 .text-box .brand-btn {
    font-size: 30px;
    font-weight: normal;
    color: #000;
    padding: 15px 80px;
    background: #fff;
    border-radius: 30px;
}

@media (max-width:1200px) {
.main_container .brand-box-5 .brand-5 .brand-logo-box {
    width: 200px;
}
.main_container .brand-box-5 .brand-5 .pop-up-box {
    width: 230px;
	top: 320px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-1 {
    font-size: 40px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-2 {
    font-size: 55px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-3 {
    font-size: 22px;
	line-height: 35px;
}
.main_container .brand-box-5 .brand-5 .text-box {
	width: 90%;
	top: 400px;
}
.main_container .brand-box-5 .brand-5 .text-box .brand-btn {
    font-size: 25px;
}
.main_container .brand-box-5 {
    height: 1100px;
}
}

@media (max-width:768px) {
.main_container .brand-box-5 {
    height: 870px;
	background:url("../images/sub/brand_bg_4_mb") center no-repeat;
}
.main_container .brand-box-5 .brand-5 .brand-logo-box {
    width: 150px;
	top: 100px;
}
.main_container .brand-box-5 .brand-5 .pop-up-box {
    width: 200px;
    top: 220px;
}
.main_container .brand-box-5 .brand-5 .text-box {
    top: 280px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-1 {
    font-size: 30px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-2 {
    font-size: 45px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-3 {
    font-size: 19px;
	line-height: 35px;
}
.main_container .brand-box-5 .brand-5 .text-box .brand-btn {
    font-size: 22px;
}
.main_container .brand-box-5 .brand-5 .text-box .ht_100 {
	height:70px;
}
}

@media (max-width:550px) {
.main_container .brand-box-5 .brand-5 .brand-logo-box {
    width: 120px;
}
.main_container .brand-box-5 .brand-5 .pop-up-box {
    width: 180px;
    top: 200px;
}
.main_container .brand-box-5 .brand-5 .text-box {
    top: 260px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-2 {
    font-size: 35px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-1 {
    font-size: 25px;
}
.main_container .brand-box-5 .brand-5 .text-box .text-3 {
    font-size: 17px;
	line-height:30px;
}
.main_container .brand-box-5 .brand-5 .text-box .brand-btn {
    font-size: 19px;
}
}

@media (max-width:370px) {
.main_container .brand-box-5 .brand-5 .text-box .text-2 {
    font-size: 33px;
}
}

/* 창업안내 / 가맹절차 */

/* 첫번째 컨텐츠 */
.main_container .franchise-box-1 {
	width:100%;
	height:360px;
	background:url("../images/sub/franchise_bg_1") center;
}
.main_container .franchise-box-1 .franchise-1 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .franchise-box-1 .franchise-1 .pop-up-box {
	position:absolute;
	width:533px;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

@media (max-width:1200px) {
.main_container .franchise-box-1 .franchise-1 .pop-up-box {
	width:430px;
}
.main_container .franchise-box-1 {
    height: 300px;
}
}

@media (max-width:980px) {
.main_container .franchise-box-1 .franchise-1 .pop-up-box {
	width:350px;
}
}

@media (max-width:768px) {
.main_container .franchise-box-1 .franchise-1 .pop-up-box {
	width:280px;
}
.main_container .franchise-box-1 {
    height: 200px;
	background:url("../images/sub/franchise_bg_1_mb") center;
}
}

@media (max-width:500px) {
.main_container .franchise-box-1 .franchise-1 .pop-up-box {
	width:230px;
}
.main_container .franchise-box-1 {
    height: 150px;
}
}

/* 두번째 컨텐츠 */
.main_container .franchise-box-2 {
	width:100%;
	height:1200px;
	background:url("../images/sub/franchise_bg_2") center;
}
.main_container .franchise-box-2 .franchise-2 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box {
	position:absolute;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
	width:833px;
	left:50%;
	top:300px;
	transform:translate(-50%,-50%);
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-2 {
	width:333px;
	right:2%;
	bottom:5%;
	z-index:10;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box {
	width:100%;
	padding-top: 530px;
	position:relative;
	z-index:15;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item {
	max-width:1200px;
	margin:0 auto;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item {
	width:33.3333%;
	padding:0 20px;
}

@media (max-width:1300px) {
.main_container .franchise-box-2 {
	height:950px;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
    width: 700px;
    top: 160px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box {
    padding-top: 350px;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-2 {
	display:none;
}
}

@media (max-width:980px) {
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item {
    padding: 0 10px;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
    width: 600px;
}
.main_container .franchise-box-2 {
    height: 900px;
}
}

@media (max-width:768px) {
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item {
    width: 100%;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item:nth-child(2) {
	margin-top:50px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item:nth-child(3) {
	margin-top:50px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item img{
    width: 80%;
	margin:0 auto;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box {
    padding-top: 300px;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
    width: 500px;
}
.main_container .franchise-box-2 {
    height: 3050px;
	background:url("../images/sub/franchise_bg_2_bg") center;
}
}

@media (max-width:738px) {
.main_container .franchise-box-2 {
    height: 2950px;
}
}

@media (max-width:708px) {
.main_container .franchise-box-2 {
    height: 2850px;
}
}

@media (max-width:678px) {
.main_container .franchise-box-2 {
    height: 2750px;
}
}

@media (max-width:648px) {
.main_container .franchise-box-2 {
    height: 2650px;
}
}

@media (max-width:618px) {
.main_container .franchise-box-2 {
    height: 2550px;
}
}

@media (max-width:588px) {
.main_container .franchise-box-2 {
    height: 2450px;
}
}

@media (max-width:558px) {
.main_container .franchise-box-2 {
    height: 2500px;
}
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
    width: 400px;
	top: 110px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box {
    padding-top: 250px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box .list-item .item img{
    width: 90%;
}
}

@media (max-width:528px) {
.main_container .franchise-box-2 {
    height: 2400px;
}
}

@media (max-width:498px) {
.main_container .franchise-box-2 {
    height: 2300px;
}
}

@media (max-width:468px) {
.main_container .franchise-box-2 {
    height: 2200px;
}
}

@media (max-width:438px) {
.main_container .franchise-box-2 {
    height: 2100px;
}
}

@media (max-width:418px) {
.main_container .franchise-box-2 .franchise-2 .pop-up-box-1 {
    width: 330px;
}
.main_container .franchise-box-2 .franchise-2 .list-item-box {
    padding-top: 230px;
}
.main_container .franchise-box-2 {
    height: 2000px;
}
}

@media (max-width:388px) {
.main_container .franchise-box-2 {
    height: 1900px;
}
}

@media (max-width:360px) {
.main_container .franchise-box-2 {
    height: 1800px;
}
}

/* 세번째 컨텐츠 */
.main_container .franchise-box-3 {
	width:100%;
	height:500px;
	background:url("../images/sub/franchise_bg_3") center;
}
.main_container .franchise-box-3 .franchise-3 {
	width:100%;
	height:100%;
	position:relative;
}
.main_container .franchise-box-3 .franchise-3 .text-box {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	text-align:center;
	width:100%;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-1 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
	width:100%;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-2 {
    font-size: 30px;
    color: #fff;
    font-weight: normal;
	border: 3px solid #fff;
    border-radius: 40px;
    padding: 8px 25px;
}

@media (max-width:1200px) {
.main_container .franchise-box-3 {
    height: 400px;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-1 {
    font-size: 27px;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-2 {
    font-size: 27px;
}
}

@media (max-width:768px) {
.main_container .franchise-box-3 {
    height: 300px;
	background:url("../images/sub/franchise_bg_3_mb") center;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-1 {
    font-size: 25px;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-2 {
    font-size: 25px;
	padding: 5px 20px;
}
}

@media (max-width:600px) {
.main_container .franchise-box-3 .franchise-3 .text-box .text-1 {
    font-size: 22px;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-2 {
    font-size: 22px;
}
}

@media (max-width:500px) {
.main_container .franchise-box-3 .franchise-3 .text-box .text-1 {
    font-size: 20px;
}
.main_container .franchise-box-3 .franchise-3 .text-box .text-2 {
    font-size: 20px;
}
}

/* 네번째 컨텐츠 */
.main_container .franchise-box-4 {
	width:100%;
	background:#fff;
	padding-bottom:150px;
}
.main_container .franchise-box-4 .franchise-4 {
	width:100%;
	position:relative;
}
.main_container .franchise-box-4 .franchise-4 .pop-up-box {
	max-width:1200px;
	margin:0 auto;
}
.main_container .franchise-box-4 .franchise-4 .text-box .text-1 {
	font-family: "BMEULJIRO_k", "notokr";
	font-size:50px;
	color:#000;
	text-align:center;
	padding-top:50px;
	padding-bottom:60px;
}

@media screen and (max-width: 1024px) {
	.sub_con .sub_header { padding: 25px 0 15px; }
	.main_container .franchise-box-4 .franchise-4 .text-box .text-1 { font-size: calc(26px + 24 * (100vw - 480px) / 822);padding-top:25px;padding-bottom:15px; }
	.main_container .franchise-box-4 { padding-bottom:100px;}
}

@media (max-width:500px) {
	.main_container .franchise-box-4 { padding-bottom:50px; }
}

/*오시는길 201208 배진만*/
.location_info { font-size:18px; line-height:48px; }
.location_info p { margin-bottom:30px; }
.location_info i { color:#e61e25; width:28px; height:28px; line-height:28px; background:#e61e25; color:#fff; border-radius:50%; margin-right:5px;  }
.location_info h2 { font-weight:500; color:#fff; font-size: 28px; border-radius: 0 50px 50px 50px;
background:/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e61e25+0,16ad1e+100 */
background: #e61e25; /* Old browsers */
background: -moz-linear-gradient(left,  #e61e25 0%, #16ad1e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e61e25 0%,#16ad1e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e61e25 0%,#16ad1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e25', endColorstr='#16ad1e',GradientType=1 ); /* IE6-9 */
/*border:1px solid red;*/ padding:12px 0 10px 12px; width:257px; margin-bottom:20px; }

/* 브랜드소개 -> CEO인사말   이미지박스 */

.ceo-introduce-img-box {
	width:100%;
	padding-left: 0 !important;
}
.ceo-introduce-img-box:after {
	display:block;
	content:"";
	clear:both;
}
.ceo-introduce-img-box .ceo-introduce-img-1 {
	width:50%;
	float:left;
}
.ceo-introduce-img-box .ceo-introduce-img-2 {
	width:50%;
	float:right;
	margin-top:100px;
}

@media ( max-width:768px ) {
.ceo-introduce-img-box .ceo-introduce-img-1 {
	width:100%;
}
.ceo-introduce-img-box .ceo-introduce-img-2 {
	width:100%;
}
.ceo-introduce-img-box .ceo-introduce-img-2 {
	margin-top:30px;
}
}